/*
Theme Name: Tography
Theme URI: https://www.quemalabs.com/theme/tography/
Description: A Premium Photography WordPress Theme.
Version: 1.4.4
Author: Quema Labs
Author URI: http://www.quemalabs.com
License: GNU General Public License
License URI: License.txt
Tags: featured-images, two-columns, custom-header, custom-background, threaded-comments, custom-menu
Text Domain: tography
*/
/*
----------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------
1. Header
2. Home Page
3. Blog & Pages
4. Comments
5. Sidebar
6. Footer
7. Portfolio
8. Owl Carousel
9. Woocommerce
10. Pace
11. Shortcodes
12. WordPress Default
13. External Plugins
14. Global Styles
15. Responsive Styles
LESS Variables and Mixins
----------------------------------------------------------------
*/
/*
==========================================
1. Header
========================================== 
*/
#header {
  margin-bottom: 0;
  position: relative;
  z-index: 15;
}
#header .container {
  position: relative;
}
.sub_header {
  background-color: #4c4c4c;
  color: #777777;
  font-size: 0.84615384615385em;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.logo_container {
  text-align: center;
  margin: 50px 0;
  margin: 7vh 0;
}
.page-template-page-portfolio-horizontal .logo_container {
  margin: 35px 0;
  margin: 5vh 0;
}
.home .logo_move {
  -webkit-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  display: block;
  -webkit-transform: translate(0, 400px) scale(1.5);
  -ms-transform: translate(0, 400px) scale(1.5);
  -o-transform: translate(0, 400px) scale(1.5);
  transform: translate(0, 400px) scale(1.5);
}
.fade-in .logo_move,
.page-template-page-home-fullscreen .logo_move {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  -o-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
.logo_container .ql_logo {
  font-size: 46px;
  font-size: 2.875rem;
  color: #333333;
  font-weight: bold;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.logo_container .ql_logo:hover {
  text-decoration: none;
}
.logo_container .logo_desc {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 14px;
  font-size: 0.875rem;
  color: #777777;
  margin: 0;
}
.logo_container .logo_desc_wrap {
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
}
#header:hover .logo_desc_wrap,
#header:hover .ql_nav_btn {
  opacity: 1;
}
.touch #header .logo_desc_wrap,
.touch #header .ql_nav_btn,
.blog #header .logo_desc_wrap,
.blog #header .ql_nav_btn {
  opacity: 1;
}
/*-----------------------------*/
/*
Nav Button
---------------------------------------*/
.ql_nav_btn {
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: transparent;
  border: none;
  color: #aaaaaa;
  font-size: 28px;
  font-size: 1.75rem;
  position: absolute;
  left: 20px;
  top: 5rem;
  top: 9vh;
  outline: 0!important;
  width: 40px;
  height: 40px;
  border-radius: 2px;
}
.ql_nav_btn i {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 40px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.ql_nav_btn i.fa-arrow-left,
.ql_nav_btn.open i.fa-navicon {
  opacity: 0;
}
.ql_nav_btn.open i.fa-arrow-left {
  opacity: 1;
}
.ql_nav_btn:hover {
  color: #fff;
  background-color: #444444;
}
.ql_nav_btn:active {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.nav_sidebar_wrap {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
/*
Nav Sidebar
---------------------------------------*/
.nav_sidebar {
  position: fixed;
  top: 0;
  left: -19.6875em;
  width: 17.1875em;
  background-color: #363636;
  z-index: 20;
  height: 100%;
  -webkit-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  color: #777777;
}
.nav_sidebar a {
  color: #777777;
}
.nav_sidebar a:hover {
  color: #fff;
}
.nav_sidebar .table-wrap {
  display: table;
  height: 100%;
  width: 100%;
}
.nav_sidebar .table-top,
.nav_sidebar .table-center,
.nav_sidebar .table-bottom {
  display: table-row;
  width: 100%;
}
.nav_sidebar .table-top {
  vertical-align: top;
}
.nav_sidebar .table-center {
  vertical-align: middle;
}
.nav_sidebar .table-bottom {
  vertical-align: bottom;
}
.nav_sidebar.open {
  left: 0;
}
.nav_sidebar #jqueryslidemenu ul.nav {
  margin-right: 0;
}
.nav_sidebar #jqueryslidemenu ul.nav > li {
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -webkit-transform: translate(40px, 0) !important;
  -ms-transform: translate(40px, 0) !important;
  -o-transform: translate(40px, 0) !important;
  transform: translate(40px, 0) !important;
  margin-left: 0;
  opacity: 0;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li {
  opacity: 1;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(1) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(2) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(3) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(4) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(5) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(6) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(7) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(8) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(9) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(10) {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(11) {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(12) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(13) {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(14) {
  -webkit-transition-delay: 1400ms;
  transition-delay: 1400ms;
}
.nav_sidebar.open #jqueryslidemenu ul.nav > li:nth-child(15) {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
.nav_sidebar #jqueryslidemenu ul.nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
/* Author Widget ------------------*/
.ql_author-widget {
  text-align: center;
  position: relative;
  margin-bottom: 80px;
}
.ql_author-widget_cover {
  position: relative;
}
.ql_author-widget_cover .ql_author_coverimage {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.nav_sidebar.open .ql_author-widget {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ql_author-widget .ql_author_image {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 5px solid #363636;
  position: absolute;
  left: 10px;
  bottom: -35%;
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.ql_author-widget .ql_author_name {
  color: #c3c3c3;
  position: absolute;
  bottom: 8px;
  left: 100px;
  right: 5px;
  margin-bottom: 0;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.ql_author-widget .ql_author-widget_cover:hover .ql_author_name {
  opacity: 0;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.ql_author-widget .ql_author-widget_cover:hover .ql_author_coverimage {
  opacity: 0.2;
}
.nav_sidebar.open .ql_author_name,
.nav_sidebar.open .ql_author_image,
.nav_sidebar.open .nav_social {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.nav_sidebar.open .ql_author_coverimage {
  opacity: 0.4;
}
.ql_author-widget p {
  font-size: 13px;
  font-size: 0.8125rem;
  position: absolute;
  top: 20px;
  left: 15px;
  right: 15px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.ql_author-widget p a,
.ql_author-widget p a:hover {
  color: inherit;
  text-decoration: none;
}
.ql_author-widget .ql_author-widget_cover:hover p {
  opacity: 1;
}
.ql_author-widget .nav_social_wrap {
  position: relative;
}
.ql_author-widget .nav_social {
  position: absolute;
  top: 5px;
  left: 90px;
  text-align: left;
  opacity: 0;
  -webkit-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
}
.ql_author-widget .nav_social li {
  margin: 0 3px;
}
/* Close button */
.ql_nav_close {
  position: absolute;
  right: -2.22222222em;
  top: 0;
  width: 2.22222222222222em;
  height: 2.22222222222222em;
  display: block;
  line-height: 2.22222222222222em;
  text-align: center;
  font-size: 18px;
  background-color: #444444;
  color: #fff;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  outline: 0!important;
  border-radius: 0 2px 2px 0;
}
.ql_nav_close:hover {
  background-color: #444444;
  color: #fff;
}
/*
Sub Nav Sidebar
---------------------------------------*/
.sub_nav_header {
  padding: 1.875rem;
  text-align: left;
  font-size: 11px;
  font-size: 0.6875rem;
  max-width: 275px;
}
.sub_nav_header .widget_text ul,
.sub_nav_header .widget_text ul ul {
  list-style: none;
  text-align: left;
  padding-left: 0;
}
.sub_nav_header .widget_text ul li {
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #919191;
}
.sub_nav_header .widget_text ul li i {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 8px;
}
#header_bottom {
  padding: 1.875rem;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
}
/*
Nav Menu
---------------------------------------*/
#ql_main-navigation.in {
  overflow: visible;
}
#jqueryslidemenu {
  margin: 30px 0;
  margin: 2.14285714285714rem 0;
}
#jqueryslidemenu ul.nav {
  margin-right: 30px;
  margin-right: 2.14285714285714rem;
}
/*Top level list items*/
#jqueryslidemenu ul.nav > li {
  margin-left: 0.625em;
}
.no-js #jqueryslidemenu ul.nav > li {
  line-height: 16px;
}
/*Top level menu link items style*/
#jqueryslidemenu ul.nav > li > a {
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #fff;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
#jqueryslidemenu ul.nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#jqueryslidemenu ul.nav > li > a:active {
  background-color: transparent!important;
}
/* Active item ----------*/
#jqueryslidemenu .current_page_item > a,
#jqueryslidemenu .current-menu-parent > a {
  background-color: rgba(255, 255, 255, 0.05);
}
/*1st sub level menu*/
#jqueryslidemenu ul.nav > li > ul {
  left: 0;
  float: none;
  top: 0;
  position: relative;
  background-color: transparent;
  margin-left: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#jqueryslidemenu ul.nav > li > ul > li a {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0.5em 1.42857142857143em;
  font-weight: bold;
  color: #fff;
}
#jqueryslidemenu ul.nav > li > ul > li a:hover,
#jqueryslidemenu ul.nav > li > ul > li a:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
/* Multi level dropdown -------*/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  left: 0;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  color: inherit;
  display: block;
  content: "\f0da";
  float: right;
  width: 0;
  height: 0;
  margin-top: 0px;
  margin-right: -10px;
  font-size: 14px;
  font-size: 1rem;
  font-family: FontAwesome;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/* Mobile Nav icon (Hamburguer) -----------*/
#jqueryslidemenu .navbar-toggle .icon-bar {
  background-color: #444444;
}
/* Dropdown arrow ------------*/
.navbar .dropdown-toggle b {
  color: #777777;
  height: 15px;
  margin-top: 6px;
  margin-left: 3px;
}
/* Select Navigation */
.tinynav {
  display: none;
  height: 2.2em;
  font-size: 1em;
  margin: 0 auto 1.2em auto;
}
/*
End Nav Menu
---------------------------------------*/
/*
Search
---------------------------------------*/
.ql_search_btn {
  float: right;
  position: relative;
}
.ql_search_btn #searchform {
  margin: 0;
}
.ql_search_btn .input-search {
  border-radius: 0;
  height: 50px;
  width: 50px;
  margin-bottom: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-size: 0;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ql_search_btn:hover .input-search {
  width: 200px;
  font-size: 1em;
  padding-right: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ql_search_btn i {
  position: absolute;
  top: 17px;
  right: 19px;
  font-size: 14px;
  color: #fff;
  opacity: 70;
  filter: alpha(opacity=7000);
}
.ql_search_btn #searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: transparent;
  font-size: 0;
  border: none;
}
/*
Social Nav
---------------------------------------*/
.nav_social {
  position: relative;
  margin-bottom: 0;
  margin-right: 0;
  text-align: center;
}
.nav_social li {
  width: 35px;
  height: 35px;
  margin: 3px;
  position: relative;
  display: inline-block;
}
.nav_social li a {
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  font-weight: normal;
  color: #b6b6b6;
  display: block;
  width: 35px;
  height: 35px;
  padding: 0!important;
  position: relative;
  z-index: 5;
  left: 1px;
  -webkit-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  border-radius: 100%;
  background-color: transparent;
  overflow: hidden;
}
.nav_social li a:hover {
  color: #fff;
}
.nav_social li a:hover i {
  color: #fff;
  -webkit-animation: social_icons_anim 600ms ease;
  -o-animation: social_icons_anim 600ms ease;
  animation: social_icons_anim 600ms ease;
}
.nav_social li.n_facebook a:hover {
  background-color: #3B5998;
}
.nav_social li.n_twitter a:hover {
  background-color: #33CCFF;
}
.nav_social li.n_dribbble a:hover {
  background-color: #C5376D;
}
.nav_social li.n_instagram a:hover {
  background-color: #427097;
}
.nav_social li.n_flickr a:hover {
  background-color: #FF0084;
}
.nav_social li.n_youtube a:hover {
  background-color: #C1302A;
}
.nav_social li.n_vimeo a:hover {
  background-color: #1AB7EA;
}
.nav_social li.n_foursquare a:hover {
  background-color: #1DAFEC;
}
.nav_social li.n_skype a:hover {
  background-color: #00AFF0;
}
.nav_social li.n_google-plus a:hover {
  background-color: #D5402B;
}
.nav_social li.n_tumblr a:hover {
  background-color: #343B4A;
}
.nav_social li.n_linkedin a:hover {
  background-color: #0073B2;
}
.nav_social li.n_pinterest a:hover {
  background-color: #CB2027;
}
.nav_social li.n_500px a:hover {
  background-color: #0098e7;
}
.nav_social li.n_rss a:hover {
  background-color: #FF6600;
}
/*
=================================================================
Header 2
=================================================================
*/
.ql_header2 .logo_container {
  text-align: left;
}
.ql_header2 .logo_desc_wrap {
  opacity: 1;
}
.ql_header2 .logo_container .logo_desc {
  text-align: left;
}
.ql_header2 .logo_desc_wrap .hr-small {
  display: none;
}
/*
Nav Menu
---------------------------------------*/
.ql_header2 #jqueryslidemenu {
  margin: 60px 0;
  margin: 8vh 0;
  text-align: right;
}
.ql_header2 #jqueryslidemenu ul.nav {
  margin-right: 0;
}
/*Top level list items*/
.ql_header2 #jqueryslidemenu ul.nav > li {
  margin-left: 0;
  display: inline-block;
}
/*Top level menu link items style*/
.ql_header2 #jqueryslidemenu ul.nav > li > a {
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.ql_header2 #jqueryslidemenu ul.nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ql_header2 #jqueryslidemenu ul.nav .sub-menu {
  background-color: #fff;
}
/* Active item ----------*/
.ql_header2 .navbar .dropdown-toggle b {
  margin-top: 8px;
}
/*1st sub level menu*/
.ql_header2 #jqueryslidemenu ul.nav > li > ul {
  left: 0;
  float: left;
  top: 100%;
  position: absolute;
  margin-left: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: none;
}
.ql_header2 #jqueryslidemenu ul.nav > li > ul > li a {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0.5em 1.42857142857143em;
  font-weight: bold;
}
.ql_header2 #jqueryslidemenu ul.nav > li > ul > li a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
/*
=================================================================
Sidebar Nav Widgets
=================================================================
*/
.nav_sidebar .widget > ul {
  list-style: none;
  padding: 0;
}
.nav_sidebar .widget > ul li a {
  padding: 4px 0;
  display: inline-block;
}
.nav_sidebar .widget select {
  max-width: 100%;
}
.nav_sidebar .widget {
  margin-bottom: 35px;
}
.nav_sidebar .widget h4 {
  color: #fff;
}
.nav_sidebar #wp-calendar tbody td {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.nav_sidebar #wp-calendar caption {
  color: #c3c3c3;
}
.nav_sidebar #wp-calendar #today {
  color: #fff;
}
.nav_sidebar .comment-author-link,
.nav_sidebar .recentcomments a,
.widget_rss a {
  color: #fff;
}
.nav_sidebar .widget_search #s {
  background-color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.8);
}
.nav_sidebar .widget_search i {
  font-size: 14px;
  font-size: 0.875rem;
}
/*
=================================================================
WPML
=================================================================
*/
#lang_sel {
  position: absolute;
  top: 15px;
  right: 0;
}
/*
==========================================
2. Home Page
========================================== 
*/
.ql_home_slider .owl-stage {
  width: 99999px!important;
}
.ql_home_slider .item {
  width: 883px;
  width: 46vw;
  clear: both;
  overflow: hidden;
  padding-bottom: 40px;
}
.ql_home_slider .portrait {
  height: 589px;
  height: 30.7vw;
  padding-bottom: 0;
  overflow: visible;
}
.ql_home_slider img {
  height: auto;
}
.ql_home_slider .portrait img {
  width: auto;
  height: 100%;
}
.ql_home_slider .ql_caption {
  text-align: right;
  margin-top: 5px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #777777;
}
.ql_home_slider .owl-stage-outer {
  padding-bottom: 0;
}
.ql_home_slider .owl-item {
  background-color: transparent!important;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease;
  -o-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
  -webkit-transition: -webkit-transform 600ms ease, opacity 600ms ease;
  -moz-transition: -moz-transform 600ms ease, opacity 600ms ease;
  -o-transition: -o-transform 600ms ease, opacity 600ms ease;
  transition: transform 600ms ease, opacity 600ms ease;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  -o-transform: translate(0, 50px);
  transform: translate(0, 50px);
  overflow: visible;
}
.ql_home_slider.ql_first_time .owl-item {
  opacity: 0.2;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ql_home_slider .owl-item.ql_hiding {
  opacity: 0!important;
  -webkit-transform: translate(0, 50px) !important;
  -ms-transform: translate(0, 50px) !important;
  -o-transform: translate(0, 50px) !important;
  transform: translate(0, 50px) !important;
}
.ql_home_slider:hover .owl-item,
.touch .ql_home_slider .owl-item {
  opacity: 0.5;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ql_home_slider .center {
  opacity: 1!important;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ql_home_slider img {
  border-radius: 3px;
}
.responsive-wrap {
  height: 0;
  padding-bottom: 66.5%;
  position: relative;
}
.responsive-wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*
==========================================
Home Page Fullscreen
========================================== 
*/
.page-template-page-home-fullscreen #wrap,
.page-template-gallery-fullscreen #wrap {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.ql_nav_btn.background--light:hover {
  background-color: #fff;
}
.page-template-page-home-fullscreen #header,
.page-template-gallery-fullscreen #header {
  background-color: transparent!important;
}
.page-template-page-home-fullscreen .logo_container,
.page-template-gallery-fullscreen .logo_container {
  margin: 30px 0;
  margin: 4vh 0;
}
.home_fullscreen_rs {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.home_fullscreen_rs .rsSlide a {
  display: block;
}
.home_fullscreen_rs .rsGCaption {
  background-color: transparent!important;
  font-size: 22px;
  font-size: 1.375rem;
  left: 40px;
  bottom: 40px;
}
.home_fullscreen_rs .rsArrow {
  bottom: 20px;
}
.home_fullscreen_rs .rsArrowRight {
  right: 20px;
}
.home_fullscreen_rs .rsArrowLeft {
  right: 55px;
}
.home_fullscreen_rs .rsArrowIcn {
  background-color: #fff;
  background-image: none;
  opacity: 0.8;
}
.home_fullscreen_rs .rsArrow:hover .rsArrowIcn {
  opacity: 1;
}
.home_fullscreen_rs .rsArrow:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  top: 7px;
  color: #000;
  z-index: 5;
  opacity: 0.8;
}
.home_fullscreen_rs .rsArrowLeft:before {
  content: "\f053";
  left: 8px;
}
.home_fullscreen_rs .rsArrowRight:before {
  content: "\f054";
  right: 10px;
}
/* Dots nav --------------------------------*/
.home_fullscreen_rs .rsBullets {
  bottom: 26px;
  background-color: transparent;
  text-align: right;
  line-height: 20px;
  left: auto;
  width: auto;
  right: 100px;
  padding: 0 10px;
}
.home_fullscreen_rs .rsBullet {
  height: 14px;
  width: 14px;
  cursor: pointer;
  margin-left: 18px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  padding: 0;
  text-align: center;
  -webkit-transition: box-shadow 200ms ease;
  -o-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  position: relative;
  opacity: 0;
}
.home_fullscreen_rs .rsBullet {
  opacity: 0.5!important;
}
.home_fullscreen_rs .rsBullet.background--light {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}
.home_fullscreen_rs .rsBullet.rsNavSelected {
  -webkit-box-shadow: 0 0 0 2px #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
  opacity: 1!important;
}
.home_fullscreen_rs .rsBullet.rsNavSelected.background--light {
  -webkit-box-shadow: 0 0 0 2px #000000;
  box-shadow: 0 0 0 2px #000000;
}
.home_fullscreen_rs .rsBullet span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  background-color: #fff;
}
.home_fullscreen_rs .rsBullet.rsNavSelected span {
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
.home_fullscreen_rs .rsBullet.background--light span {
  background-color: #000;
}
/* Ken Burns Effect for Background Image								*/
/*----------------------------------------------------------------------*/
.home_fullscreen_rs .rsSlide img {
  -webkit-animation: kenburns 12s linear infinite alternate;
  -o-animation: kenburns 12s linear infinite alternate;
  animation: kenburns 12s linear infinite alternate;
}
@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-o-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.home_fullscreen_rs .rsSlide:nth-child(1) img {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.home_fullscreen_rs .rsSlide:nth-child(2) img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.home_fullscreen_rs .rsSlide:nth-child(3) img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(4) img {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(5) img {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.home_fullscreen_rs .rsSlide:nth-child(6) img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(7) img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.home_fullscreen_rs .rsSlide:nth-child(8) img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(9) img {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(10) img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.home_fullscreen_rs .rsSlide:nth-child(11) img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(12) img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(13) img {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.home_fullscreen_rs .rsSlide:nth-child(14) img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.home_fullscreen_rs .rsSlide:nth-child(15) img {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.rsVideoContainer .rsCloseVideoBtn {
  bottom: 60px;
  right: 15px;
  position: fixed;
  top: auto;
  opacity: 0;
}
.rsVideoContainer .rsVideoActive .rsCloseVideoBtn {
  opacity: 1;
}
/*
==========================================
3. Blog & Pages
========================================== 
*/
/*Container									*/
/*------------------------------------------*/
#container {
  position: relative;
  opacity: 0;
}
.no-js #container {
  opacity: 1;
}
#content {
  position: relative;
}
/*Breadcrumbs								*/
/*------------------------------------------*/
#breadcrumbs {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: left;
}
#breadcrumbs a {
  font-size: 0.76923076923077em;
  color: #fff;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#breadcrumbs span {
  font-size: 0.76923076923077em;
}
/*Page Title 								*/
/*------------------------------------------*/
.page_title_wrap {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #eeeeee;
  margin-bottom: 3.57142857142857em;
}
.page_title {
  margin-top: 0;
  position: relative;
  padding-right: 50px;
}
.page_title i {
  margin-right: 10px;
  color: #c3c3c3;
  position: absolute;
  top: 5px;
  right: 0;
}
/*Post Title 								*/
/*------------------------------------------*/
.post_title {
  margin-bottom: 0.88235294117647em;
  margin-top: 0;
  border-top: 3px solid #555555;
  padding-top: 20px;
  width: 95%;
}
.single .post_title {
  width: 100%;
}
.post_title a {
  color: inherit;
  text-align: left;
}
/*Post										*/
/*------------------------------------------*/
.blog article,
.archive article {
  margin-bottom: 180px;
}
.single article {
  margin-bottom: 2.30769230769231em;
  padding-bottom: 0;
}
.post_content_wrap {
  position: relative;
}
.post_content {
  position: relative;
  border-top: none;
}
.blog .entry,
.archive .entry {
  position: relative;
  text-align: justify;
  border-top: 3px solid #c3c3c3;
  padding-top: 20px;
}
.blog .entry p {
  margin: 0;
}
.more-link {
  margin-top: 0.9375em;
  text-indent: -12px;
  -webkit-transition: all ease 200ms;
  -o-transition: all ease 200ms;
  transition: all ease 200ms;
}
.more-link:hover {
  text-indent: 0;
}
/*Image Post								*/
/*------------------------------------------*/
.post_image {
  overflow: hidden;
  position: relative;
  margin-bottom: 1.875em;
}
.post_image a {
  display: block;
  text-align: center;
}
.post_image a img {
  width: 100%;
  vertical-align: bottom;
  border-radius: 3px;
  height: auto;
}
.post_image:hover .post_date,
.post_image:hover .post_title_wrap {
  opacity: 0;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
/*Metadata 									*/
/*------------------------------------------*/
.metadata {
  margin: 1.25em 0;
  overflow: hidden;
  border-right: none;
  border-left: none;
  border-top: none;
  padding: 0;
}
.single .metadata {
  margin: 1.25em 0;
}
.metadata ul {
  margin: 0;
  padding: 0;
}
.metadata ul li {
  list-style: none;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0 15px 10px 0;
  float: left;
  position: relative;
  color: #afafaf;
}
.metadata ul li strong {
  color: #555555;
  font-style: normal;
}
.metadata ul li i {
  margin-right: 0.35714285714286em;
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: middle;
  text-align: center;
  color: #afafaf;
}
.metadata ul li a {
  text-decoration: none;
  color: #afafaf;
}
.metadata ul li a:hover {
  text-decoration: underline;
}
.metadata hr {
  margin: 0;
}
/* Meta Blocks (Date and omments)			*/
/*------------------------------------------*/
.meta_blocks {
  width: 9%;
  position: absolute;
  top: 0;
}
.meta_date {
  left: 0;
}
.meta_comments {
  right: 0;
}
.meta_blocks div {
  display: block;
  width: 100%;
  height: 60px;
  text-align: center;
  padding: 5px;
}
.meta_icon {
  line-height: 57px;
}
.meta_blocks div i {
  font-size: 28px;
  font-size: 1.75rem;
}
.sub_icon {
  background-color: #eeeeee;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.meta_comments .sub_icon {
  line-height: 50px;
}
.meta_date span {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
}
/*Pagination															*/
/*----------------------------------------------------------------------*/
.pagination .screen-reader-text {
  display: none;
}
.pagination a,
.pagination span {
  background-color: #fff;
  border: 2px solid #eeeeee;
  color: #777777;
  float: left;
  line-height: 1.42857;
  margin-left: -2px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  font-size: 14px;
}
.pagination .current {
  background-color: #eeeeee;
  color: #444444;
  border-color: #eeeeee;
}
.pagination a:hover {
  background-color: #eeeeee;
  color: #444444;
  border-color: #eeeeee;
  cursor: pointer;
}
/* Tags 																*/
/*----------------------------------------------------------------------*/
.tags {
  margin-top: 20px;
}
.tags a {
  border: 2px solid #eeeeee;
  border-radius: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 3px 8px;
  color: #b6b6b6;
  margin-right: 10px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}
.tags a:hover {
  text-decoration: none;
  color: #777777;
  border: 2px solid #c3c3c3;
}
/*
==========================================
About
========================================== 
*/
.author-cover {
  position: relative;
  margin: 0;
}
.author-cover.no-cover {
  height: 100px;
}
.author-image_wrap {
  position: absolute;
  bottom: -4.28571429em;
  left: 0;
  right: 0;
}
.author-image {
  border-radius: 8.57142857142857em;
  width: 8.57142857142857em;
  height: 8.57142857142857em;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  border: 3px solid #fff;
  margin: 0 auto;
  -webkit-transition: all 1s ease 1000ms;
  -o-transition: all 1s ease 1000ms;
  transition: all 1s ease 1000ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.pace-done .author-image {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.author-content {
  padding: 3.88888888888889em 20px 20px 20px;
  background-color: #f7f7f7;
  text-align: center;
  margin-bottom: 30px;
}
.tag-template .author-content {
  padding: 20px;
}
.author-meta {
  list-style: none;
  padding-top: 0.71428571428571em;
  padding-left: 0;
}
.author-meta li {
  display: inline-block;
  margin-right: 1.42857142857143em;
}
.author-meta li i {
  margin-right: 0.71428571428571em;
}
.author-post-list article .post_title {
  font-size: 32px;
}
/*
==========================================
4. Comments
========================================== 
*/
/*===========================================================================*/
/*Comments																	 */
/*===========================================================================*/
.commentlist {
  margin-left: 0;
  margin-top: 2.30769230769231em;
  padding-left: 0;
}
#comments ol.commentlist li {
  list-style: none;
  margin-bottom: 50px;
}
#comments .comment {
  margin-bottom: 40px;
}
#comments .comment-author {
  text-align: center;
}
#comments .comment-author div.inner-gravatar {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 1px;
}
#comments .comment-author div.inner-gravatar div {
  display: none;
}
#comments .comment-author img {
  z-index: 5;
}
#comments .comment-author cite {
  font-weight: bold;
  margin-top: 4px;
  font-size: 0.92307692307692em;
  display: block;
}
#comments .comment-author cite,
#comments .comment-author cite a {
  color: #555555;
  font-weight: normal;
}
#comments .comment-author .comment-meta a {
  color: #aeaeae;
  font-size: 11px;
}
ol.commentlist li .comment-entry {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  position: relative;
  border-radius: 3px;
  border-color: #eeeeee;
}
ol.commentlist li .comment-entry div.inner-comment {
  padding: 1.42857142857143em;
}
ol.commentlist li .comment-entry div.inner-comment p {
  margin-bottom: 0;
}
.ie8 ol.commentlist li .comment-entry,
.ie7 ol.commentlist li .comment-entry {
  float: right;
  border: #cacaca 1px solid;
  margin: 0;
  background-color: #f3f3f3;
  /* for non-css3 browsers */
  position: relative;
}
ol.commentlist .comment-entry span.arrow_comment {
  /*background:url(images/comment_arrow.png) no-repeat;*/
  display: block;
  position: absolute;
  width: 31px;
  height: 28px;
  top: 17px;
  left: -22px;
}
.ie7 ol.commentlist .comment-entry span.arrow_comment,
.ie8 ol.commentlist .comment-entry span.arrow_comment {
  background: none;
}
.comment-meta {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 11px;
  color: #c3c3c3;
}
.comment-meta a {
  font-size: 11px;
  color: #c3c3c3;
}
.comment-meta a:hover {
  text-decoration: underline;
}
.reply {
  float: right;
  clear: right;
}
.comment-reply-link {
  width: 54px;
  height: 23px;
  display: block;
  color: #777777;
  font-size: 11px;
  text-align: center;
  margin: 10px 0;
  line-height: 20px;
}
.comment-reply-link:hover {
  text-decoration: underline;
}
#comments ul.children {
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}
/*===========================================================================*/
/*Comments	Form															 */
/*===========================================================================*/
#respond h4 {
  margin-bottom: 1em;
}
#respond .input-wrap {
  margin: 0px 15px 10px 0;
  float: left;
  width: 31%;
}
#respond .input-wrap.textarea {
  float: none;
  width: 97%;
}
#respond .controls-wrap {
  position: relative;
}
#respond input {
  padding-left: 2.30769230769231em;
  width: 100%;
}
#respond input:focus {
  border-color: #777777;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#respond .input label {
  margin-bottom: 5px;
  display: block;
}
#respond textarea {
  width: 100%;
  height: 150px;
  margin-bottom: 1.42857142857143em;
}
#respond textarea:focus {
  border-color: #777777;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#respond .controls-wrap i {
  position: absolute;
  left: 0.71428571428571em;
  top: 0.71428571428571em;
  color: #c4c4c4;
}
#respond .form-actions {
  background-color: transparent;
  border: none;
  padding: 0;
}
#respond #submit-respond {
  outline: none;
  width: auto;
  padding-left: 12px;
  line-height: 1em;
}
/*
==========================================
5. Sidebar
========================================== 
*/
#sidebar {
  position: relative;
}
/*
Widgets
--------------------------------
*/
#sidebar .widget {
  margin-bottom: 3.125em;
  margin-left: 10px;
  position: relative;
}
#sidebar.col-md-pull-9 .widget {
  margin-right: 10px;
  margin-left: 0;
}
#sidebar .widget h4 {
  position: relative;
  margin-bottom: 0.8em;
  text-transform: uppercase;
}
#sidebar .widget ul,
#sidebar .widget ol {
  margin-left: 0px;
  margin-bottom: 0;
  font-size: 0.84615384615385em;
  padding-left: 0;
}
#sidebar .widget .pagenav,
#sidebar .widget .linkcat {
  list-style: none;
}
#sidebar .widget ul li {
  list-style: none;
  border-bottom: #eeeeee 1px solid;
}
#sidebar .widget ul li:first-child {
  border-top: none;
}
#sidebar .widget ul li > a {
  color: inherit;
  padding: 0.63636363636364em 0;
  display: block;
  font-weight: bold;
}
#sidebar .widget ul li > a:hover {
  color: #444444;
}
#sidebar .widget > ul li > a {
  color: inherit;
  padding: 0.63636363636364em 0;
  display: block;
  font-weight: bold;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
#sidebar .widget > ul li > a:hover {
  background-color: #eeeeee;
  text-indent: 15px;
  text-decoration: none;
}
#sidebar .widget ul li ul {
  margin-left: 30px;
  margin-bottom: 0;
  margin-top: 0!important;
}
#sidebar .widget ul li ul {
  font-size: inherit;
}
#sidebar .widget ul li ul li:last-child {
  border-bottom: none;
}
#sidebar .widget ul li ul,
#sidebar .widget ul li ul li ul {
  display: none;
}
#sidebar .hasChildren {
  position: relative;
}
#sidebar .hasChildren i {
  position: absolute;
  top: 12px;
  right: 5px;
  font-size: 1.16666666666667em;
}
/*
Ad Widget
--------------------------------
*/
#sidebar .ad_125 h4 {
  margin-bottom: 17px;
}
#sidebar .ad_125 a {
  margin: 4px;
  display: inline-block;
}
#sidebar .ad_125 a:hover img {
  opacity: 0.8;
}
/*
Recent Comments Widget
--------------------------------
*/
#sidebar .widget_recent_comments ul#recentcomments {
  margin-top: 17px;
}
#sidebar .widget_recent_comments ul li {
  padding-left: 28px;
  margin-bottom: 10px;
  border: none;
  color: #777777;
  position: relative;
}
#sidebar .widget_recent_comments ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #444444;
  font-size: 14px;
}
#sidebar .widget_recent_comments ul li a {
  display: inline;
  background: none;
  padding: 0;
}
#sidebar .widget_recent_comments ul li a:hover {
  color: #444444;
  background: none;
}
/*
Tag Widget
--------------------------------
*/
#sidebar .widget_tag ul.wp-tag-cloud {
  margin-top: 20px;
}
#sidebar .widget_tag ul li {
  display: inline-block;
  margin: 0 0.90909090909091em 0.90909090909091em 0;
  float: left;
  border: none;
}
#sidebar .widget_tag ul li a {
  background-color: #c3c3c3;
  display: inline-block;
  padding: 3px 6px;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 3px;
  outline: none;
  font-size: 13px !important;
  font-size: 0.8125rem !important;
}
#sidebar .widget_tag ul li a:hover {
  color: #777777;
  text-decoration: none;
  background-color: #FFFFFF;
  text-indent: 0;
}
#sidebar .widget_tag ul li a:active {
  position: relative;
  top: 1px;
}
/*
Post Tabs Widget
--------------------------------
*/
.widget_post_tabs ul li {
  border-bottom: none!important;
  outline: none;
}
.widget_post_tabs ul li > a {
  padding: 8px 12px!important;
  outline: none;
}
.widget_post_tabs .nav-tabs {
  border-bottom: none;
}
.widget_post_tabs .nav-tabs > li > a:hover {
  background: none;
  border: none;
  font-weight: bold;
}
.widget_post_tabs .nav-tabs > .active > a {
  font-weight: bold;
  background: none;
  border-color: #c3c3c3 #c3c3c3 transparent;
}
.widget_post_tabs .nav-tabs > .active > a:hover {
  font-weight: bold;
  background: none;
  border: 1px solid #c3c3c3;
}
.widget_post_tabs .tab-content {
  padding: 0.625em;
  border: 1px solid #c3c3c3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget_post_tabs .tab-content ul li,
.widget_popular_posts ul li {
  margin-bottom: 0.6em;
  min-height: 5.45454545454545em;
}
.widget_post_tabs .tab-content ul li .recent-post-img,
.widget_popular_posts ul li .recent-post-img {
  position: relative;
  float: left;
  margin-right: 10px;
}
.widget_post_tabs .tab-content ul li .recent-post-img a,
.widget_popular_posts ul li .recent-post-img a {
  display: block;
  padding: 0!important;
}
.widget_post_tabs .tab-content ul li h6,
.widget_popular_posts ul li h6 {
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 0;
}
.widget_post_tabs .tab-content ul li h6 a,
.widget_popular_posts ul li h6 a {
  color: inherit;
  padding: 0;
}
.widget_post_tabs .tab-content ul li h6 a:hover,
.widget_popular_posts ul li h6 a:hover {
  text-decoration: none;
}
.widget_post_tabs .tab-content ul li time,
.widget_popular_posts ul li time {
  font-size: 0.95652173913043em;
  color: #909090;
}
/*------------------------------------------------------------
 Defaul Widgets
-------------------------------------------------------------- */
/* Archive List Widget
-------------------------------------- */
.widget_archive ul li a {
  display: inline-block !important;
}
.widget_archive ul li a:hover {
  background-color: transparent!important;
}
.widget select {
  font-size: 14px;
  font-size: 0.875rem;
  max-width: 100%;
}
/* Calendar Widget
-------------------------------------- */
.widget_calendar {
  float: left;
}
#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  text-align: right;
  color: #333;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}
#wp-calendar thead {
  font-size: 10px;
}
#wp-calendar thead th {
  padding-bottom: 10px;
}
#wp-calendar tbody {
  color: #aaa;
}
#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  text-align: center;
  padding: 8px;
}
#wp-calendar tbody td:hover {
  background: #fff;
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}
#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}
#wp-calendar #today {
  font-weight: bold;
  color: #222;
}
/* Categories Widget
-------------------------------------- */
.widget_categories ul li a {
  display: inline-block !important;
}
.widget_categories ul li a:hover {
  background-color: transparent!important;
}
/* Recent Comments Widget
-------------------------------------- */
.widget_recent_comments ul li {
  margin-bottom: 15px;
}
.comment-author-link {
  border-bottom: 1px dotted #eeeeee;
}
/* Recent Entries Widget
-------------------------------------- */
.widget_recent_entries ul li {
  margin-bottom: 15px;
}
.widget_recent_entries ul li a:hover {
  text-indent: 0!important;
  background-color: transparent!important;
  text-decoration: underline!important;
}
/* RSS Widget
-------------------------------------- */
.widget_rss ul li {
  margin-bottom: 15px;
}
.widget_rss .rsswidget {
  font-weight: bold;
}
.widget_rss .rssSummary {
  font-size: 12px;
  font-size: 0.75rem;
}
/* Search Widget
-------------------------------------- */
.widget_search {
  position: relative;
}
.widget_search #s {
  width: 100%;
  display: block;
  padding-right: 32px;
}
.widget_search #s:focus {
  border-color: #777777;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.widget_search #searchsubmit {
  background: none;
  border: none;
  width: 17px;
  height: 17px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 15px;
  top: 7px;
  cursor: pointer;
  line-height: 0;
  box-shadow: none;
}
.widget_search i {
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
  font-size: 1em;
  color: #777777;
}
.widget_search #searchform {
  position: relative;
}
/* Tag Cloud Widget
-------------------------------------- */
.widget_tag_cloud a {
  padding: 2px;
}
/* Nav Menu Widget
-------------------------------------- */
.widget_nav_menu .menu-navigation-container > ul {
  padding: 0;
  list-style: none;
}
.widget_nav_menu .menu-navigation-container > ul > li > a {
  font-weight: bold;
  padding: 5px 0;
  display: inline-block;
}
.widget_nav_menu .menu-navigation-container .sub-menu {
  padding-left: 20px;
}
/*
==========================================
6. Footer
========================================== 
*/
/*
Footer
------------------------
*/
#footer {
  border-top: 1px solid #eeeeee;
  padding-bottom: 20px;
  margin-top: 40px;
}
#footer p {
  padding-top: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #b6b6b6;
  margin: 0;
}
#footer a {
  color: #c3c3c3;
}
#footer a:hover {
  text-decoration: underline;
  color: #444444 !important;
}
#footer ul,
footer ol {
  list-style: none;
  margin-left: 0;
}
/*
==========================================
Social Nav
========================================== 
*/
#footer .nav_social {
  margin-top: 12px;
}
#footer .nav_social li {
  border: none;
  text-indent: 0!important;
}
#footer .nav_social li {
  position: relative;
}
#footer .nav_social li a {
  background-color: transparent;
  overflow: hidden;
}
#footer .nav_social li a:hover i {
  color: #fff;
  -webkit-animation: social_icons_anim 500ms ease;
  -o-animation: social_icons_anim 500ms ease;
  animation: social_icons_anim 500ms ease;
}
@-webkit-keyframes social_icons_anim {
  0% {
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes social_icons_anim {
  0% {
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes social_icons_anim {
  0% {
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes social_icons_anim {
  0% {
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
#footer .nav_social li a:before {
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  border-radius: 100%;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#footer .nav_social li a:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#footer .nav_social li.n_facebook a:before {
  background-color: #3B5998;
}
#footer .nav_social li.n_twitter a:before {
  background-color: #33CCFF;
}
#footer .nav_social li.n_dribbble a:before {
  background-color: #C5376D;
}
#footer .nav_social li.n_instagram a:before {
  background-color: #427097;
}
#footer .nav_social li.n_flickr a:before {
  background-color: #FF0084;
}
#footer .nav_social li.n_youtube a:before {
  background-color: #C1302A;
}
#footer .nav_social li.n_vimeo a:before {
  background-color: #1AB7EA;
}
#footer .nav_social li.n_foursquare a:before {
  background-color: #1DAFEC;
}
#footer .nav_social li.n_skype a:before {
  background-color: #00AFF0;
}
#footer .nav_social li.n_google-plus a:before {
  background-color: #D5402B;
}
#footer .nav_social li.n_tumblr a:before {
  background-color: #343B4A;
}
#footer .nav_social li.n_linkedin a:before {
  background-color: #0073B2;
}
#footer .nav_social li.n_pinterest a:before {
  background-color: #CB2027;
}
#footer .nav_social li.n_500px a:before {
  background-color: #0098e7;
}
#footer .nav_social li.n_rss a:before {
  background-color: #FF6600;
}
/*
==========================================
7. Portfolio
========================================== 
*/
.portfolio .page_title {
  display: none;
}
#portfolio_container {
  position: relative;
  margin-bottom: 2.5em;
}
.portfolio_item {
  width: 564px;
  height: 277px;
  float: left;
  margin: 0px;
  border-radius: 3px;
}
.layout_square {
  width: 277px;
  height: 277px;
}
.layout_portrait1 {
  width: 277px;
  height: 564px;
}
.portfolio_item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 700ms;
  -o-transition: all 700ms;
  transition: all 700ms;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
}
.no-js .portfolio_item a {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.fade-in .portfolio_item a {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.portfolio_item:nth-child(1) a {
  -webkit-transition-delay: 580ms;
  transition-delay: 580ms;
}
.portfolio_item:nth-child(2) a {
  -webkit-transition-delay: 760ms;
  transition-delay: 760ms;
}
.portfolio_item:nth-child(3) a {
  -webkit-transition-delay: 940ms;
  transition-delay: 940ms;
}
.portfolio_item:nth-child(4) a {
  -webkit-transition-delay: 1120ms;
  transition-delay: 1120ms;
}
.portfolio_item:nth-child(5) a {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.portfolio_item:nth-child(6) a {
  -webkit-transition-delay: 1480ms;
  transition-delay: 1480ms;
}
.portfolio_item:nth-child(7) a {
  -webkit-transition-delay: 1660ms;
  transition-delay: 1660ms;
}
.portfolio_item:nth-child(8) a {
  -webkit-transition-delay: 1840ms;
  transition-delay: 1840ms;
}
.portfolio_item:nth-child(9) a {
  -webkit-transition-delay: 2020ms;
  transition-delay: 2020ms;
}
.portfolio_item:nth-child(10) a {
  -webkit-transition-delay: 2200ms;
  transition-delay: 2200ms;
}
.portfolio_item:nth-child(11) a {
  -webkit-transition-delay: 2380ms;
  transition-delay: 2380ms;
}
.portfolio_item:nth-child(12) a {
  -webkit-transition-delay: 2560ms;
  transition-delay: 2560ms;
}
.portfolio_item:nth-child(13) a {
  -webkit-transition-delay: 2740ms;
  transition-delay: 2740ms;
}
.portfolio_item:nth-child(14) a {
  -webkit-transition-delay: 2920ms;
  transition-delay: 2920ms;
}
.portfolio_item:nth-child(15) a {
  -webkit-transition-delay: 3100ms;
  transition-delay: 3100ms;
}
.portfolio_item:nth-child(16) a {
  -webkit-transition-delay: 3280ms;
  transition-delay: 3280ms;
}
.portfolio_item:nth-child(17) a {
  -webkit-transition-delay: 3460ms;
  transition-delay: 3460ms;
}
.portfolio_item:nth-child(18) a {
  -webkit-transition-delay: 3640ms;
  transition-delay: 3640ms;
}
.portfolio_item:nth-child(19) a {
  -webkit-transition-delay: 3820ms;
  transition-delay: 3820ms;
}
.portfolio_item:nth-child(20) a {
  -webkit-transition-delay: 4000ms;
  transition-delay: 4000ms;
}
.portfolio_item:nth-child(21) a {
  -webkit-transition-delay: 4180ms;
  transition-delay: 4180ms;
}
.portfolio_item:nth-child(22) a {
  -webkit-transition-delay: 4360ms;
  transition-delay: 4360ms;
}
.portfolio_item:nth-child(23) a {
  -webkit-transition-delay: 4540ms;
  transition-delay: 4540ms;
}
.portfolio_item:nth-child(24) a {
  -webkit-transition-delay: 4720ms;
  transition-delay: 4720ms;
}
.portfolio_item:nth-child(25) a {
  -webkit-transition-delay: 4900ms;
  transition-delay: 4900ms;
}
.portfolio_item:nth-child(26) a {
  -webkit-transition-delay: 5080ms;
  transition-delay: 5080ms;
}
.portfolio_item:nth-child(27) a {
  -webkit-transition-delay: 5260ms;
  transition-delay: 5260ms;
}
.portfolio_item:nth-child(28) a {
  -webkit-transition-delay: 5440ms;
  transition-delay: 5440ms;
}
.portfolio_item:nth-child(29) a {
  -webkit-transition-delay: 5620ms;
  transition-delay: 5620ms;
}
.portfolio_item:nth-child(30) a {
  -webkit-transition-delay: 5800ms;
  transition-delay: 5800ms;
}
.portfolio_item:nth-child(31) a {
  -webkit-transition-delay: 5980ms;
  transition-delay: 5980ms;
}
.portfolio_item:nth-child(32) a {
  -webkit-transition-delay: 6160ms;
  transition-delay: 6160ms;
}
.portfolio_item:nth-child(33) a {
  -webkit-transition-delay: 6340ms;
  transition-delay: 6340ms;
}
.portfolio_item:nth-child(34) a {
  -webkit-transition-delay: 6520ms;
  transition-delay: 6520ms;
}
.portfolio_item:nth-child(35) a {
  -webkit-transition-delay: 6700ms;
  transition-delay: 6700ms;
}
.portfolio_item:nth-child(36) a {
  -webkit-transition-delay: 6880ms;
  transition-delay: 6880ms;
}
.portfolio_item:nth-child(37) a {
  -webkit-transition-delay: 7060ms;
  transition-delay: 7060ms;
}
.portfolio_item:nth-child(38) a {
  -webkit-transition-delay: 7240ms;
  transition-delay: 7240ms;
}
.portfolio_item:nth-child(39) a {
  -webkit-transition-delay: 7420ms;
  transition-delay: 7420ms;
}
.portfolio_item:nth-child(40) a {
  -webkit-transition-delay: 7600ms;
  transition-delay: 7600ms;
}
.portfolio_item img {
  width: 100%;
  margin: 0;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.no-touch .portfolio_item:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
/*
//Black & White Effect
.portfolio_item img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
#portfolio_container:hover .portfolio_item img{
	-webkit-filter: none;
	filter: none;
}
*/
.portfolio_item .ql_border_hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  border-radius: 3px;
}
.portfolio_item:hover .ql_border_hover {
  opacity: 1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.portfolio_item .ql_hover {
  position: absolute;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 10px;
  height: auto;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.portfolio_item:hover .ql_hover {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.portfolio_item .ql_hover h2 {
  color: #fff;
  padding: 10px 24px;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
  position: relative;
  z-index: 3;
}
.portfolio_item .ql_hover .ql_info_footer {
  color: #444444;
  text-shadow: none;
  font-size: 0.78571428571429em;
  padding: 0.36363636363636em 12px;
  padding-top: 0;
  outline: 0;
  margin-bottom: 0!important;
  line-height: 1.81818181818182em;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.portfolio_item:hover .ql_hover .ql_info_footer {
  right: 0;
}
.portfolio_item .ql_hover .ql_info_footer i {
  font-size: 1.27272727272727em;
  margin-right: 0.35714285714286em;
  margin-top: 2px;
}
/*
Portfolio Thirds
------------------------
*/
#portfolio_thirds_container .portfolio_item {
  width: 366px;
  border-radius: 3px;
  height: auto;
  overflow-y: hidden;
}
/*
Portfolio Horizontal
------------------------
*/
.p_horizontal_wrap {
  height: 610px;
  min-height: 610px;
  height: 62vh;
}
#portfolio_horizontal_container {
  height: 100%;
  margin-left: 10px;
}
/*
#portfolio_horizontal_container .portfolio_item{
	width: 564px;
	height: 277px;
}
#portfolio_horizontal_container .layout_square{
	width: 277px;
	height: 277px;
}
#portfolio_horizontal_container .layout_portrait1{
	width: 277px;
	height: 564px;
}
*/
#portfolio_horizontal_container .portfolio_item {
  width: 382px;
  height: 186px;
}
#portfolio_horizontal_container .layout_square {
  width: 186px;
  height: 186px;
}
#portfolio_horizontal_container .layout_portrait1 {
  width: 186px;
  height: 382px;
}
/*
Load more button
------------------------
*/
.load_wrap {
  text-align: center;
  margin: 1.42857142857143em 0;
}
/*
Scrollbar
------------------------
*/
.scrollbar {
  background: none repeat scroll 0 0 #CCCCCC;
  height: 2px;
  line-height: 0;
  margin: 0 0 1em;
}
.scrollbar .handle {
  background: none repeat scroll 0 0 #292A33;
  cursor: pointer;
  height: 100%;
  width: 100px;
}
.scrollbar .handle .mousearea {
  height: 20px;
  left: 0;
  position: absolute;
  top: -9px;
  width: 100%;
}
/*
Filter
---------------------------------------*/
.filter_list {
  margin-right: 3.84615384615385em;
  float: left;
  margin-bottom: 0.625em;
  margin-top: 0;
  margin-left: 0.35714285714286em;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.no-touch #container:hover .filter_list {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.touch .filter_list {
  opacity: 1!important;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}
.filter_list .filter_title {
  color: #555555;
  font-size: 1em;
  margin-bottom: 0;
  display: inline-block;
  float: left;
  margin-right: 1.53846153846154em;
  font-size: 0.92307692307692em;
}
.filter_list ul {
  list-style: none;
  color: #fff;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  float: left;
}
.filter_list ul li {
  margin-bottom: 0;
  display: inline-block;
  margin-right: 1.25em;
  margin-bottom: 0.625em;
  border: 1px solid transparent;
}
.filter_list ul li a {
  color: #b6b6b6;
  font-size: 14px;
  font-size: 0.875rem;
  outline: 0;
  padding: 5px 10px;
  display: block;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.filter_list ul li a:hover {
  color: #444444;
  text-decoration: none;
}
.filter_list ul li a:focus {
  text-decoration: none;
}
.filter_list ul li.active {
  border: 1px solid #444444;
  border-radius: 2px;
}
.filter_list ul li.active a {
  color: #444444;
}
.filter_list ul li i {
  font-size: 1.15384615384615em;
  margin-right: 0.38461538461538em;
  opacity: 50;
  filter: alpha(opacity=5000);
  display: none;
}
.filter_list ul li.active i,
.filter_list ul li:hover i {
  opacity: 100;
  filter: alpha(opacity=10000);
}
/*
Portfolio Thumbnails
------------------------
*/
.portfolio_thumbnails {
  width: 37px;
  margin-bottom: 50px;
  position: absolute;
  top: 0;
  right: -57px;
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out 300ms;
  -o-transition: opacity 200ms ease-out 300ms;
  transition: opacity 200ms ease-out 300ms;
}
.portfolio_thumbnails .p_thumbnails_content {
  width: 37px;
  display: block;
}
.no-touch #container:hover .portfolio_thumbnails {
  opacity: 1;
}
.touch .portfolio_thumbnails {
  opacity: 1!important;
}
.portfolio_thumbnails .portfolio_thumbnail {
  background-color: #e6e6e6;
  width: 17px!important;
  height: 7px!important;
  float: left;
  display: block;
  margin: 0;
  border-radius: 1px;
}
.portfolio_thumbnails .portfolio_thumbnail.hover {
  background-color: #bfbfbf;
}
.portfolio_thumbnails .layout_square {
  width: 7px!important;
  height: 7px!important;
}
.portfolio_thumbnails .layout_portrait1 {
  height: 17px!important;
  width: 7px!important;
}
.p_thumbnails_content.affix {
  top: 20px;
  position: fixed!important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
/*
==========================================
Single Portfolio
========================================== 
*/
.ql_single-portfolio_content {
  color: #555555;
  text-align: right;
  width: 100%;
  float: right;
}
.ql_single-portfolio_content .post-title {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 0;
}
.back_portfolio_btn {
  margin-top: 50px;
}
.back_portfolio_btn a {
  color: #b6b6b6;
}
.back_portfolio_btn a i {
  margin-left: 0;
  margin-right: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.single_portfolio_slider:after {
  content: 'flickity';
  display: none;
  /* hide :after */
}
.single_portfolio_slider .item {
  margin: 0 5px;
}
.single_portfolio_slider .item:first-child {
  width: 500px;
  margin-right: 30px;
}
.single_portfolio_slider .item-video {
  width: 44vw;
  height: 29.35vw;
}
.single_portfolio_slider .item-video iframe {
  width: 100%;
  height: 100%;
}
.single_portfolio_slider img {
  height: 60vh;
  display: block;
  max-width: none;
  border-radius: 3px;
}
.ql_single-portfolio_images .ql_caption {
  text-align: right;
  margin-top: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #777777;
}
.ql_single-portfolio_images .ql_wrap_img {
  position: relative;
  overflow: hidden;
  height: inherit;
}
.ql_single-portfolio_images .ql_img_info a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  opacity: 0.7;
}
.ql_single-portfolio_images .ql_img_info a:hover {
  opacity: 1;
}
.ql_single-portfolio_images .ql_img_info a i {
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: 23px;
}
.ql_single-portfolio_images .ql_img_meta {
  text-align: left;
  margin: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 45px;
  left: 0;
}
.ql_single-portfolio_images .ql_img_meta li {
  display: block;
  margin-right: 15px;
  margin-bottom: 0px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
  height: 40px;
  position: relative;
  padding-left: 50px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  -webkit-transform: translate(-400px, 0);
  -ms-transform: translate(-400px, 0);
  -o-transform: translate(-400px, 0);
  transform: translate(-400px, 0);
}
.ql_single-portfolio_images .ql_img_meta.open li {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ql_single-portfolio_images .ql_img_meta li:nth-child(1) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.ql_single-portfolio_images .ql_img_meta li:nth-child(2) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.ql_single-portfolio_images .ql_img_meta li:nth-child(3) {
  -webkit-transition-delay: 66.66666667ms;
  transition-delay: 66.66666667ms;
}
.ql_single-portfolio_images .ql_img_meta li:nth-child(4) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}
.ql_single-portfolio_images .ql_img_meta li:nth-child(5) {
  -webkit-transition-delay: 40ms;
  transition-delay: 40ms;
}
.ql_single-portfolio_images .ql_img_meta li:nth-child(6) {
  -webkit-transition-delay: 33.33333333ms;
  transition-delay: 33.33333333ms;
}
.ql_single-portfolio_images .ql_img_meta li i {
  font-size: 22px;
  font-size: 1.375rem;
  position: absolute;
  top: 9px;
  left: 15px;
}
.ql_single-portfolio_images .ql_img_meta li i.ql-icon-iso {
  font-size: 32px;
  font-size: 2rem;
  top: 3px;
  left: 10px;
}
.ql_single-portfolio_images .ql_img_meta li i.ql-icon-camera {
  font-size: 18px;
  font-size: 1.125rem;
  top: 11px;
}
.single_portfolio_slider .rsSlide {
  opacity: 0.2;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.single_portfolio_slider .rsSlide:last-child {
  opacity: 1!important;
}
.ql_categories {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.ql_categories li {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0.83333333333333em 0.41666666666667em;
  color: #b6b6b6;
  display: inline-block;
}
.ql_categories li a {
  color: inherit;
  border: 2px solid #eeeeee;
  border-radius: 14px;
  padding: 3px 8px;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.ql_categories li a:hover {
  text-decoration: none;
  background-color: #eeeeee;
  border-color: transparent;
  color: #777777;
}
.ql_categories li i {
  font-size: 1.16666666666667em;
  margin-right: 0.35714285714286em;
}
.portfolio_slider .royalSlider {
  width: 100%;
}
.portfolio_slider .royalSlider img {
  width: 100%;
  height: auto;
}
.portfolio_slider .royalSlider .rsBullets {
  display: none;
}
.single-portfolio-template .sub_footer_wrap > div {
  width: 100%!important;
}
.single-portfolio-template #footer {
  display: none;
}
.portfolio_video {
  width: 100%;
}
/*
Single Portfolio 2
========================================== 
*/
.single-portfolio2 .ql_single-portfolio_content {
  width: 100%;
  margin: 0 0 20px 0;
  float: none;
  position: relative;
}
.single-portfolio2 .ql_single-portfolio_content.affix {
  position: fixed;
  width: 360px;
  top: 20px;
}
.single-portfolio2 .ql_single-portfolio_images .item {
  margin-bottom: 40px;
  text-align: center;
}
/*
==========================================
8. Owl Carousel
========================================== 
*/
.ql_rslider {
  height: 500px;
  height: 60vh;
  width: 100%;
  margin: 0 auto;
  background-color: transparent!important;
}
.owl-carousel .owl-video-play-icon {
  background: #ffffff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #000;
  font-size: 80px;
  font-size: 5rem;
  border-radius: 100%;
  text-align: center;
  opacity: 0.7;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.owl-carousel .owl-video-play-icon:hover {
  opacity: 1;
}
.owl-carousel .owl-video-play-icon:before {
  content: "\f144";
}
/*
==========================================
9. Woocommerce
========================================== 
*/
/*Shop
=====================================================*/
.woocommerce-ordering {
  margin-right: 33px!important;
}
.woocommerce-ordering select {
  height: 25px;
  line-height: 25px;
  font-size: 11px;
}
/*Product
----------------*/
.woocommerce .products .product,
.woocommerce-page .products .product {
  width: 30.9%!important;
  display: inline-block !important;
  float: none!important;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal;
  border: 1px solid #eeeeee;
  margin-right: 1.9%!important;
}
.woocommerce #content.col-md-12 .products .product,
.woocommerce-page #content.col-md-12 .products .product {
  width: 22.3%%!important;
}
@media (min-width: 768px) and (max-width: 978px) {
  .woocommerce .products .product,
  .woocommerce-page .products .product {
    width: 45%!important;
  }
}
@media (max-width: 480px) {
  .woocommerce .products .product,
  .woocommerce-page .products .product {
    width: 45%!important;
  }
}
.product_text {
  padding: 20px;
}
/*
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{
	margin-right: 3.8%!important;
}
*/
.woocommerce .products .product .product_thumbnail_wrap {
  position: relative;
  overflow: hidden;
  display: block;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
.woocommerce ul.products li.product:hover a img,
.woocommerce-page ul.products li.product:hover a img {
  opacity: 0.8;
}
.woocommerce .products .product .product_desc,
.woocommerce-page .products .product .product_desc {
  padding: 1.42857142857143em;
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
  font-size: 1.14285714285714em!important;
  padding: 0!important;
}
/*Image
----------------*/
/*Sale
----------------*/
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0!important;
  padding: 4px!important;
  right: 0.71428571428571em;
  top: 0.71428571428571em;
  line-height: 1em;
  height: 20px!important;
  min-height: 20px!important;
  max-height: 20px!important;
}
/*Rating
----------------*/
.woocommerce .products .product .product_thumbnail_wrap .rating_wrap {
  position: absolute;
  bottom: 10px;
  left: -100%;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  background-color: #fff;
  padding: 7px 7px 7px 10px;
  border-radius: 0 2px 2px 0;
}
.woocommerce .products .product .product_thumbnail_wrap:hover .rating_wrap {
  left: 0;
}
.woocommerce .products .product .product_thumbnail_wrap .star-rating {
  margin-bottom: 0;
}
/*Price
----------------*/
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  font-size: 20px!important;
  position: relative;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-right: 15px;
  margin-top: 8px;
}
/*Add to cart
----------------*/
.add_to_cart_wrap {
  text-align: center;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border: 2px solid #eeeeee !important;
  background-color: #FFFFFF;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  font-size: 14px;
  font-size: 0.875rem;
  outline: none;
}
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active {
  outline: none;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  border: 2px solid transparent!important;
  background-color: #FFFFFF;
}
/*Added to cart
----------------*/
.woocommerce a.added_to_cart {
  margin-left: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
/*Pagination
----------------*/
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul {
  border-width: 2px 0 2px 2px;
  border-color: #eeeeee;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-width: 2px;
  border-color: #eeeeee;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #eeeeee;
  color: #555555;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #777777;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li span,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li span {
  padding: 8px 12px!important;
}
/*Single Product
=====================================================*/
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price {
  font-size: 1.5em!important;
}
.woocommerce-page #content div.product p.price del {
  font-size: 15px;
  font-size: 0.9375rem;
}
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
  margin-bottom: 0!important;
}
.woocommerce #content div.product div.images img,
.woocommerce div.product div.images img,
.woocommerce-page #content div.product div.images img,
.woocommerce-page div.product div.images img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Single Add to cart button*/
.woocommerce-cart table.cart td.actions .coupon .button {
  background-color: #eeeeee;
}
/*Product counter */
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
  height: 35px;
}
.woocommerce #content .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.woocommerce-page #content .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page .quantity .plus {
  background-image: none;
  text-shadow: none;
  height: 16px;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 10px;
  color: #c3c3c3;
}
.woocommerce div.product .woocommerce-product-rating a {
  color: #777777;
  font-size: 12px;
  font-size: 0.75rem;
}
.woocommerce-tabs #comments {
  margin-bottom: 40px;
}
.woocommerce-tabs .tab-panel {
  margin-bottom: 60px;
}
.woocommerce-tabs #tab-description {
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 20px;
}
.woocommerce-tabs .tab-panel h2 {
  font-size: 26px;
  font-size: 1.625rem;
}
.woocommerce-tabs .tab-panel h3 {
  font-size: 22px;
  font-size: 1.375rem;
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input {
  width: auto;
  background-color: #fff;
}
.woocommerce span.onsale {
  line-height: 2.8em;
}
.woocommerce div.product form.cart .variations label {
  color: #555555;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 4px;
}
.woocommerce .reset_variations {
  font-size: 12px;
  font-size: 0.75rem;
}
/*Tabs
----------------*/
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 20px!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
  background: transparent!important;
  border-color: #eeeeee;
  box-shadow: none!important;
  border-radius: 0!important;
  margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
  background: transparent!important;
  text-shadow: none!important;
  border: none!important;
  line-height: 17px!important;
  outline: 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
  color: #444444;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before {
  border: none!important;
  box-shadow: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
  border: none!important;
  box-shadow: none!important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border-bottom: 1px solid #fff;
}
/*Related Products
---------------------*/
.related.products {
  margin-top: 60px;
}
/* Reviews
---------------------*/
.woocommerce #review_form #respond {
  background-color: #fafafa;
  padding: 30px;
}
.woocommerce #review_form #respond input {
  background-color: #fff;
}
.woocommerce .entry-summary .thumbnails a:hover {
  opacity: 0.8;
}
/*Cart Page
=====================================================*/
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
  float: right;
}
.woocommerce .quantity .qty {
  width: 100px!important;
}
.cart-collaterals .product_img .ql_up_span,
.cart-collaterals .product_img i,
.cart-collaterals .product_img .star-rating {
  display: none!important;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
  height: 25px;
  font-size: 11px;
}
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
  width: auto;
}
.woocommerce-cart .products .product {
  width: 47%!important;
}
.woocommerce a.remove {
  line-height: 17px;
  text-align: center;
}
/*Cupon Row
---------------------*/
.woocommerce-cart table.cart td.actions {
  padding: 20px;
}
/*Cupon Input
---------------------*/
.woocommerce-cart table.cart td.actions .coupon .input-text {
  border-width: 2px;
  width: 150px!important;
}
/*Cupon Button
---------------------*/
.woocommerce-cart table.cart td.actions .coupon .button {
  background-color: #eeeeee;
  margin-left: 5px;
}
/*Checkout Button
---------------------*/
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: green!important;
  border: 2px solid green!important;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  font-size: 17px;
  font-size: 1.0625rem;
  width: auto;
  display: inline-block;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  color: #fff!important;
}
.shipping-calculator-button {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 130px;
  text-align: center;
  padding: 6px 3px;
  line-height: 13px;
  border: 2px solid #eeeeee;
  border-radius: 2px;
}
.shipping-calculator-button:hover {
  background-color: #eeeeee;
  text-decoration: none;
}
.cart-collaterals h2 {
  font-size: 28px;
  font-size: 1.75rem;
}
/*Checkout Page
=====================================================*/
.woocommerce-checkout-review-order-table .order-total {
  background-color: #eeeeee;
}
.woocommerce .checkout #shiptobilling label,
.woocommerce-page .checkout #shiptobilling label {
  font-size: 1em!important;
}
.woocommerce .checkout #shiptobilling label,
.woocommerce-page .checkout #shiptobilling label {
  padding-left: 0!important;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
  display: inline!important;
  height: 1em;
  width: auto;
}
.woocommerce .checkout .col-2 h3#ship-to-different-address,
.woocommerce-page .checkout .col-2 h3#ship-to-different-address {
  font-size: 16px;
}
.woocommerce .checkout .col-2 h3#ship-to-different-address label,
.woocommerce-page .checkout .col-2 h3#ship-to-different-address label {
  float: left;
}
.woocommerce .checkout .col-2 #ship-to-different-address-checkbox {
  height: 18px;
  float: left;
  width: auto;
  margin-top: 8px;
  margin-left: 10px;
}
/*Payments
---------------------*/
.woocommerce #payment,
.woocommerce-page #payment {
  background: transparent!important;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
  border: 1px solid #eeeeee;
}
.woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li {
  padding: 10px;
  margin-bottom: 10px!important;
  background-color: #eeeeee;
}
.woocommerce #payment ul.payment_methods li:last-child,
.woocommerce-page #payment ul.payment_methods li:last-child {
  margin-bottom: 0!important;
}
.woocommerce #payment ul.payment_methods li input,
.woocommerce-page #payment ul.payment_methods li input {
  float: left;
  margin-top: 3px!important;
}
.woocommerce #payment ul.payment_methods li label,
.woocommerce-page #payment ul.payment_methods li label {
  font-size: 1em!important;
}
.woocommerce #payment ul.payment_methods li .input-radio,
.woocommerce-page #payment ul.payment_methods li .input-radio {
  width: auto!important;
  height: 1em;
  margin-top: 8px!important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: auto!important;
}
.chzn-container .chzn-results {
  color: #3D3C3C;
}
.select2-container .select2-choice {
  border-width: 2px;
  border-color: #eeeeee;
}
.select2-drop-active {
  border-width: 2px;
  border-color: #eeeeee;
}
/*Place Order Button
---------------------*/
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background-color: green!important;
  border: 2px solid green!important;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: auto;
  display: inline-block;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  color: #fff!important;
  border-color: transparent!important;
}
/* =Tables
	-------------------------------------------------------------- */
table.shop_table {
  border-width: 2px!important;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
  width: 75%;
}
.woocommerce #content table.cart td,
.woocommerce #content table.cart th,
.woocommerce table.cart td,
.woocommerce table.cart th,
.woocommerce-page #content table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page table.cart th {
  border-bottom: none;
}
/*Cart Widget
=====================================================*/
.ql_woo_cart_button_wrap {
  position: relative;
}
#ql_woo_cart {
  position: fixed;
  top: 0;
  right: -21.42857143em;
  width: 17.85714285714286em;
  background-color: #363636;
  z-index: 20;
  height: 100%;
  padding: 0 1.42857142857143em 1.42857142857143em 1.42857142857143em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
#ql_woo_cart.open {
  right: 0;
}
.ql_woo_cart_button {
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: transparent;
  border: none;
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  right: 20px;
  top: 5rem;
  top: 8.5vh;
  outline: 0!important;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  text-align: center;
  display: none;
}
.ql_woo_cart_button:hover {
  color: #fff;
  background-color: #444444;
}
.ql_header2 .ql_woo_cart_button {
  right: -20px;
}
.cart_show {
  display: block;
}
.ql_woo_cart_qty {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 18px;
  height: 18px;
  display: block;
  text-align: center;
  line-height: 17px;
  font-size: 11px;
  background: #fff;
  border-radius: 17px;
  color: #7a7a7a;
}
#ql_woo_cart .widget_shopping_cart .widgettitle {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
}
/* Close button */
.ql_woo_cart_close {
  position: absolute;
  left: -2.22222222em;
  top: 0;
  width: 2.22222222222222em;
  height: 2.22222222222222em;
  display: block;
  line-height: 2.22222222222222em;
  text-align: center;
  font-size: 18px;
  background-color: #444444;
  color: #fff;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  outline: 0!important;
}
.ql_woo_cart_close:hover {
  background-color: #fff;
  color: #444444;
}
#ql_woo_cart ul.cart_list li a {
  color: #fff !important;
}
#ql_woo_cart .widget_shopping_cart_content .total {
  color: #fff !important;
}
#ql_woo_cart .widget_shopping_cart_content a.button {
  background-color: #fff !important;
  border: 1px solid transparen!important;
  border-radius: border-radius-base !important;
  font-size: 0.85714285714286em!important;
  font-weight: bold!important;
  -webkit-transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  -o-transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  position: relative!important;
  overflow: hidden!important;
  text-shadow: none!important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444444 !important;
}
#ql_woo_cart .widget_shopping_cart_content a.button:hover {
  color: #fff !important;
  background-color: #444444 !important;
  text-decoration: none;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
  color: #777777;
}
/*List Widget
=====================================================*/
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
  background-color: transparent!important;
  color: inherit!important;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
  font-size: 1.14285714285714em;
}
/*Filter Widget
=====================================================*/
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
  background: #eeeeee;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
  background: #777777;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
  font-size: 14px;
  font-size: 0.875rem;
}
/*Search Widget
=====================================================*/
.widget_product_search label {
  clear: both;
  width: 100%;
}
.widget_product_search .search-field {
  width: 60%;
  display: inline-block;
  background-color: #f9f9f9;
}
.widget_product_search input[type="submit"] {
  width: 38%;
  display: inline-block;
}
/*Global
=====================================================*/
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-top: none!important;
  text-shadow: none!important;
  color: #fff!important;
}
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
  color: #fff!important;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
  color: #555555 !important;
}
.woocommerce-info {
  background-color: #3D9CD2!important;
  border-left: 5px solid #2981b3 !important;
}
.woocommerce-error {
  background-color: red!important;
  border-left: 5px solid #cc0000 !important;
}
.woocommerce-message {
  background-color: green!important;
  border-left: 5px solid #004d00 !important;
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  color: #fff;
}
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt {
  background-color: #eeeeee;
}
.woocommerce select,
.woocommerce-page select {
  height: 25px!important;
  font-size: 13px!important;
}
.woocommerce input[type="text"],
.woocommerce-page input[type="text"],
.woocommerce input[type="password"],
.woocommerce-page input[type="password"] {
  background-color: #f9f9f9;
}
.login input[type="submit"],
.login input[type="checkbox"] {
  width: auto;
}
.login .inline input {
  display: inline;
}
/*
==========================================
10. Pace (Loading animation)
========================================== 
*/
/* Animation at loading page */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pace-running #wrap > div,
.pace-running #wrap #ql_main-navigation,
.pace-running .logo_desc_wrap {
  opacity: 0;
}
#wrap.fade-in > div,
#wrap.fade-in #ql_main-navigation {
  -webkit-animation: fadeIn ease-in 1;
  -o-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #444444;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 3px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #444444;
  border-left-color: #444444;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
==========================================
11. Shortcodes
========================================== 
*/
.ql_pricing .ql_item_price {
  border: 2px dashed #777777;
  padding: 30px;
  text-align: center;
  margin: 20px 0;
}
.ql_pricing .ql_pricing_title {
  text-align: center;
  margin-top: 0;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 20px;
}
.ql_pricing .ql_item_price ul {
  list-style: none;
  padding: 0;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px dashed #eeeeee;
}
.ql_pricing .ql_item_price ul li {
  margin-bottom: 8px;
  display: block;
  color: #777777;
}
.ql_pricing .ql_pricing_price {
  font-size: 36px;
  font-size: 2.25rem;
  display: block;
  text-align: center;
  font-weight: lighter;
  margin: 15px 0;
  color: #444444;
  margin-bottom: 20px;
}
.ql_pricing .ql_pricing_btn {
  margin: 0 auto;
  text-align: center;
  border: 2px solid #444444;
  padding: 8px 25px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.ql_pricing .ql_pricing_btn:hover {
  color: #fff;
  background-color: #444444;
  text-decoration: none;
}
/*
==========================================
12. WordPress Default
========================================== 
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.sticky {
  border-top: 3px solid #777777;
  border-bottom: 3px solid #777777 !important;
}
.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}
.password_p {
  margin-bottom: 40px;
}
.password_p input[type="submit"] {
  width: auto;
}
.password_p input[type="submit"]:hover {
  background-color: #444444;
  color: #fff;
  border-color: #444444;
}
.bypostauthor .comment-entry {
  border-color: #444444;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/*
==========================================
13. External Plugins
========================================== 
*/
/*
// Contact Form 7
// ------------------
*/
.wpcf7 p {
  margin-bottom: 25px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  width: 50%;
}
.wpcf7 select {
  font-size: 14px;
  font-size: 0.875rem;
}
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-right: 5px;
  margin-top: 0;
}
.wpcf7-list-item {
  display: block;
  margin-bottom: 5px;
  line-height: 20px;
}
.wpcf7 textarea {
  width: 80%;
}
.wpcf7 input[type="submit"] {
  width: auto;
  border-color: #555555;
  -webkit-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  transition: background-color 200ms;
  padding: 6px 15px;
}
.wpcf7 input[type="submit"]:hover {
  background-color: #555555;
  color: #fff;
}
.wpcf7 input[disabled="disabled"] {
  opacity: 0.3;
}
.wpcf7-quiz {
  margin-bottom: 0;
}
.wpcf7-not-valid {
  border-color: red;
}
/*
==========================================
14. Global Styles
========================================== 
*/
html {
  font-size: 1em;
  overflow-x: hidden;
  height: 100%;
}
html.menu_open body {
  padding-left: 275px;
}
body {
  background-color: #FFFFFF;
  -webkit-transition: padding 250ms ease-in;
  -o-transition: padding 250ms ease-in;
  transition: padding 250ms ease-in;
  height: 100%;
}
#wrap {
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
.box_b {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  /*padding: 5px;*/
  margin-bottom: 0.6em;
  border: 4px solid #fff!important;
}
.cool_divider {
  background: url(images/line_divider.png) bottom repeat-x;
  padding-bottom: 3px;
  border: none;
  margin: 2em 0;
}
.in_shadow {
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
}
.preloader {
  background: #FFFFFF;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 30;
  top: 0;
  left: 0;
  -webkit-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
  text-align: center;
  color: #c3c3c3 !important;
}
.preloader i {
  font-size: 28px;
  position: absolute;
  left: 50%;
  top: 300px;
}
/* Custom button
-------------------------------------------------- */
/* Override base .btn styles */
/* Apply text and background changes to three key states: default, hover, and active (click). */
.btn-ql,
.btn-ql:hover,
.btn-ql:active {
  background-color: transparent;
  border: 2px solid transparent;
  color: #777777;
  border-radius: border-radius-base;
  font-size: 0.85714285714286em;
  font-weight: bold;
  -webkit-transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  -o-transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  position: relative;
  overflow: hidden;
  outline: none;
}
.btn-ql:hover {
  border: 2px solid #eeeeee;
}
/* Apply the custom-colored gradients */
/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */
.btn-ql > i {
  font-size: 1.16666666666667em;
  position: absolute;
  left: 44%;
  top: -2em;
  -webkit-animation: btn_in 300ms ease-in-out;
  -o-animation: btn_in 300ms ease-in-out;
  animation: btn_in 300ms ease-in-out;
}
.btn-ql > span {
  -webkit-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
/*For special occacions */
.btn-ql > b.ql_sec_icon {
  font-size: 1.16666666666667em;
  font-weight: normal;
  position: absolute;
  left: 43%;
  top: 0.57142857142857em;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn-ql.ql_show_sec > b.ql_sec_icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-ql.ql_show_sec > span,
.btn-ql.ql_show_sec > i {
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Set the hover state */
/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */
.btn-ql:hover > span {
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn-ql:hover > i {
  top: 0.5625em;
  -webkit-animation: btn_out 300ms ease-in-out;
  -o-animation: btn_out 300ms ease-in-out;
  animation: btn_out 300ms ease-in-out;
}
/*
Show the icon
*/
@-webkit-keyframes btn_out {
  0% {
    top: -2em;
  }
  100% {
    top: 0.71428571428571em;
  }
}
@-moz-keyframes btn_out {
  0% {
    top: -2em;
  }
  100% {
    top: 0.71428571428571em;
  }
}
@-o-keyframes btn_out {
  0% {
    top: -2em;
  }
  100% {
    top: 0.71428571428571em;
  }
}
@keyframes btn_out {
  0% {
    top: -2em;
  }
  100% {
    top: 0.71428571428571em;
  }
}
/*
Hide the icon
*/
@-webkit-keyframes btn_in {
  0% {
    top: 0.71428571428571em;
  }
  100% {
    top: 4em;
  }
}
@-moz-keyframes btn_in {
  0% {
    top: 0.71428571428571em;
  }
  100% {
    top: 4em;
  }
}
@-o-keyframes btn_in {
  0% {
    top: 0.71428571428571em;
  }
  100% {
    top: 4em;
  }
}
@keyframes btn_in {
  0% {
    top: 0.71428571428571em;
  }
  100% {
    top: 4em;
  }
}
.btn-ql:active {
  -webkit-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Custom button
-------------------------------------------------- */
/* Override base .btn styles */
/* Apply text and background changes to three key states: default, hover, and active (click). */
.btn-ql2,
.btn-ql2:hover,
.btn-ql2:active {
  background-color: transparent;
  border: 2px solid #eeeeee;
  color: #777777;
  border-radius: border-radius-base;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  -o-transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  transition: translate 100ms ease-in-out, opacity 200ms ease-in-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  position: relative;
  overflow: hidden;
  outline: none;
}
.btn-ql2:hover {
  border: 2px solid #444444;
  background-color: #444444;
  color: #fff;
}
/* Apply the custom-colored gradients */
/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */
.btn-ql2 > i {
  margin-left: 4px;
}
/*Call To Action Button													*/
/*----------------------------------------------------------------------*/
.btn-cta {
  background-color: #444444 !important;
  background-image: none;
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
  border: none;
  border-radius: 2px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: bold;
}
.btn-cta:hover {
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  opacity: 90;
  filter: alpha(opacity=9000);
}
/*Before & After														*/
/*----------------------------------------------------------------------*/
.ql_beforeafter img {
  max-width: none!important;
}
/* Section Title														*/
/*----------------------------------------------------------------------*/
.ql_title {
  border-bottom: 1px solid #777777;
  position: relative;
  padding-bottom: 5px;
}
.ql_title:before {
  content: " ";
  position: absolute;
  bottom: -2px;
  background-color: #444444;
  height: 3px;
  width: 50px;
  display: block;
  left: 0;
}
/* Section Title														*/
/*----------------------------------------------------------------------*/
.ql_line {
  border-bottom: 1px solid #eeeeee;
  border-top: none;
  position: relative;
  margin: 20px 0;
  margin: 1.42857142857143rem 0;
  width: 6.15384615384615em;
  height: 1px;
  display: block;
  clear: both;
}
.ql_line_wrap {
  position: relative;
  height: 3px;
  display: block;
  margin: 30px 0 0 0;
  margin: 2.14285714285714rem 0 0 0;
}
.ql_line_full {
  border-bottom: 1px solid #eeeeee;
  border-top: none;
  position: absolute;
  left: -15px;
  right: -15px;
  bottom: 0;
  margin: 0;
  height: 1px;
  display: block;
  clear: both;
}
.section_title {
  margin-bottom: 1.53846153846154em;
}
/* Scroll to Top Button													*/
/*----------------------------------------------------------------------*/
.ql_scroll_top i {
  margin-left: 10px;
}
/* QL Navigation Tabs													*/
/*----------------------------------------------------------------------*/
.ql_nav_tabs {
  border: none!important;
}
.ql_nav_tabs li {
  margin-bottom: 0;
}
.ql_nav_tabs li.active a {
  background-color: #444444;
  color: #fff;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}
.ql_nav_tabs li.active a:hover {
  background-color: #444444;
  color: #fff;
}
.ql_nav_tabs li a {
  font-size: 0.84615384615385em;
  font-weight: bold;
  padding: 7px;
  border: none!important;
  background-color: #777777;
  border-radius: 0!important;
  position: relative;
  padding-left: 35px;
  padding-right: 5.45454545454545em;
  outline: 0;
  margin-bottom: 0!important;
  color: #777777;
}
.ql_nav_tabs li a i {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  vertical-align: middle;
  padding-top: 10px;
  font-size: 1.27272727272727em;
  width: 30px;
  text-align: center;
}
.ql_nav_tabs li.active a i {
  background-color: rgba(0, 0, 0, 0.1);
}
.tab-content h1,
.tab-content h2,
.tab-content h3,
.tab-content h4,
.tab-content h5 {
  margin-top: 0;
}
/* Testimonials															*/
/*----------------------------------------------------------------------*/
.ql_testimonial_text {
  background-color: #777777;
  padding: 1.53846153846154em;
  margin-bottom: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.ql_testimonial {
  position: relative;
}
.ql_testimonial .flex-direction-nav {
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  position: absolute;
  top: 5px;
  right: -25px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ql_testimonial:hover .flex-direction-nav {
  -webkit-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  transform: translate(0, -5px);
  opacity: 100;
  filter: alpha(opacity=10000);
}
.ql_testimonial .flex-direction-nav li {
  margin-bottom: 0;
}
.ql_testimonial .flex-direction-nav li a {
  background: #777777;
  border: none;
  color: #777777;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  outline: 0;
  float: none;
  top: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 0!important;
  font-size: 1.07692307692308em;
}
.ql_testimonial .flex-direction-nav li a:hover {
  color: #333333;
  background: #6a6a6a;
}
.ql_testimonial .flex-control-nav {
  display: none;
}
/*Hero Colors Classes													*/
/*----------------------------------------------------------------------*/
.hero_bck {
  background-color: #444444;
}
.hero_border {
  border-color: #444444;
}
.hero_color {
  color: #444444;
}
.hero_bck2 {
  background-color: #363636;
}
.hero_border2 {
  border-color: #363636;
}
.hero_color2 {
  color: #363636;
}
.contrast_bck {
  background-color: #fff;
}
/* Make Space between sections											*/
/*----------------------------------------------------------------------*/
.clear_space {
  margin: 2.30769230769231em 0;
}
/* Hover effect for thumbnails											*/
/*----------------------------------------------------------------------*/
.ql_thumbnail_hover {
  position: relative;
  display: block;
  text-align: center;
}
.ql_thumbnail_hover > span {
  display: block;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 1px;
}
.ql_thumbnail_hover:hover > span {
  opacity: 100;
  filter: alpha(opacity=10000);
}
.ql_thumbnail_hover > span > i {
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #555555;
  font-size: 3em;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-top: -1.5em;
  margin-left: -1.5em;
  line-height: 3em;
  width: 3em;
  height: 3em;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  display: block;
}
.ql_thumbnail_hover:hover > span > i {
  opacity: 100;
  filter: alpha(opacity=10000);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Scrollbars webkit													*/
/*----------------------------------------------------------------------*/
.hr-small {
  border-top: 1px solid #eeeeee;
  height: 1px;
  margin: 0.625em auto;
  width: 100px;
  display: block;
}
.hr-small:before,
.hr-small:after {
  content: " ";
  display: table;
}
.hr-small:after {
  clear: both;
}
.nav_sidebar .hr-small {
  border-color: #777777;
  margin: 1.875em auto;
}
.ql_single-portfolio_content .hr-small {
  margin: 0.9375em 0;
  display: inline-block;
  border-top: 3px solid #444444;
}
/* Font size using REMs													*/
/*----------------------------------------------------------------------*/
.ql_brand {
  display: inline-block;
  color: #c3c3c3;
}
.ql_brand a {
  color: #c3c3c3;
}
/* Background Check														*/
/*----------------------------------------------------------------------*/
.background--light {
  color: black!important;
  border-color: black!important;
}
.background--dark {
  color: white!important;
  border-color: white!important;
}
.background--complex {
  color: gray!important;
  border-color: gray!important;
}
.navbar-toggle.background--light .icon-bar,
.background--light .marka i {
  background-color: black!important;
}
.navbar-toggle.background--dark .icon-bar,
.background--dark .marka i {
  background-color: white!important;
}
.navbar-toggle.background--complex .icon-bar,
.background--complex .marka i {
  background-color: gray!important;
}
/* columns of same height styles */
.container-xs-height {
  display: table;
  padding-left: 0px;
  padding-right: 0px;
}
.row-xs-height {
  display: table-row;
}
.col-xs-height {
  display: table-cell;
  float: none;
}
@media (min-width: 768px) {
  .container-sm-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-sm-height {
    display: table-row;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
  }
}
@media (min-width: 992px) {
  .container-md-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-md-height {
    display: table-row;
  }
  .col-md-height {
    display: table-cell;
    float: none;
  }
}
@media (min-width: 1200px) {
  .container-lg-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-lg-height {
    display: table-row;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
  }
}
/* Inputs																*/
/*----------------------------------------------------------------------*/
input,
textarea {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.625;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  margin-bottom: 0.71428571428571em;
}
input:focus,
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777777;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #777777;
}
input[disabled],
textarea[disabled],
input[readonly],
textarea[readonly],
fieldset[disabled] input,
fieldset[disabled] textarea {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textareainput,
textareatextarea {
  height: auto;
}
textarea {
  min-height: 100px;
}
/*
==========================================
15. Responsive Styles
========================================== 
*/
/*
	// Extra Small Breakpoint
	// ------------------
	*/
@media (max-width: 767px) {
  html,
  body {
    height: 100%!important;
  }
  html.menu_open body {
    padding-left: 0;
  }
  /*
	Header
	--------------------------------
	*/
  .logo_container {
    margin: 10px 0!important;
    text-align: center;
  }
  .ql_header2 .logo_container,
  .ql_header2 .logo_container .logo_desc {
    text-align: center;
  }
  .logo_move {
    -webkit-transform: translate(0, 0) scale(1) !important;
    -ms-transform: translate(0, 0) scale(1) !important;
    -o-transform: translate(0, 0) scale(1) !important;
    transform: translate(0, 0) scale(1) !important;
  }
  .ql_nav_btn {
    top: 65px;
  }
  /*
	Header 2 -> Nav Menu
	---------------------------------------*/
  .ql_header2 #jqueryslidemenu {
    margin: 20px 0;
    text-align: left;
  }
  .page-template-page-home-fullscreen .ql_header2 #jqueryslidemenu,
  .page-template-gallery-fullscreen .ql_header2 #jqueryslidemenu {
    background-color: #fff;
  }
  /*Top level list items*/
  .ql_header2 #jqueryslidemenu ul.nav > li {
    display: block;
  }
  /*1st sub level menu*/
  .ql_header2 #jqueryslidemenu ul.nav > li > ul {
    left: 0;
    float: none;
    top: 0;
    position: relative;
    background-color: transparent;
    margin-left: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
  }
  /*
	WPML
	--------------------------------
	*/
  #lang_sel {
    position: absolute;
    top: 0;
    right: 0;
  }
  /*
	Woocommerce
	--------------------------------
	*/
  .ql_woo_cart_button {
    top: 10px!important;
    left: 20px;
    right: auto!important;
  }
  /*
	Content
	--------------------------------
	*/
  .post_content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .metadata {
    display: block;
  }
  .metadata ul li {
    float: left;
  }
  .meta_blocks {
    display: none;
  }
  /*
	==========================================
	Home Page
	========================================== 
	*/
  .ql_home_slider {
    margin-top: 40px;
  }
  .ql_home_slider .item {
    width: 235px;
    width: 70vw;
  }
  .ql_home_slider .portrait {
    height: 156px;
    height: 46.6vw;
  }
  /*Comments Form---------------------------------------------------*/
  #respond .input-wrap {
    width: 46%;
  }
  /*
	Sidebar
	--------------------------------
	*/
  #sidebar .widget {
    margin-left: 0em;
  }
  /*
	Portfolio
	========================================== 
	*/
  .portfolio_item {
    width: 100%!important;
    height: auto!important;
  }
  .filter_list > ul > li {
    margin-right: 5px;
  }
  .filter_list ul li a {
    font-size: 12px;
    font-size: 0.75rem;
  }
  /*
	Portfolio Horizontal
	------------------------
	*/
  .p_horizontal_wrap {
    height: 100%;
    overflow: visible!important;
    margin: 0 10px;
  }
  #portfolio_horizontal_container {
    width: 100%!important;
    margin: 0;
  }
  /*
	Single Portfolio
	========================================== 
	*/
  .ql_single-portfolio_content {
    float: none;
    width: 100%;
    text-align: left;
    margin: 10px 0;
  }
  .single_portfolio_slider:after {
    content: '';
  }
  .single_portfolio_slider .item:first-child {
    width: 100%;
    margin-right: 0;
  }
  .ql_single-portfolio_content .post-title {
    font-size: 32px;
    font-size: 2rem;
  }
  .single_portfolio_slider {
    padding: 0 20px;
  }
  .single_portfolio_slider .owl-item {
    float: none;
    display: block;
    text-align: center;
    max-width: 100%;
    margin: 20px 0!important;
  }
  .single_portfolio_slider .item-video {
    width: 100%;
    height: 200px;
  }
  .single_portfolio_slider .owl-video-frame,
  .single_portfolio_slider iframe {
    height: 100%!important;
  }
  .single_portfolio_slider .item {
    max-width: 100%;
    width: 100%;
    height: auto!important;
    margin: 0 0 10px 0;
  }
  .single_portfolio_slider .item img {
    max-width: 100%;
    width: auto;
    height: auto!important;
    margin: 0 auto;
  }
  .single_portfolio_slider .owl-stage {
    width: 100%!important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .ql_img_info {
    display: none;
  }
  /*
	Single Portfolio 2
	========================================== 
	*/
  .single-portfolio2 .ql_single-portfolio_content {
    text-align: left;
  }
  .single-portfolio2 .ql_single-portfolio_content.affix {
    position: relative;
    width: 100%;
    top: 0px;
  }
  .single-portfolio2 .ql_single-portfolio_images .item {
    margin-bottom: 15px;
  }
  .single-portfolio2 .ql_single-portfolio_images .ql_caption {
    font-size: 12px;
    font-size: 0.75rem;
  }
  /*Comments Form---------------------------------------------------*/
  #respond .input-wrap {
    width: 100%;
  }
  /*
	Footer
	--------------------------------
	*/
  .footer_wrap {
    padding: 0 1.25em;
  }
  .sub_footer_wrap {
    padding: 1em;
  }
  #footer .pull-right {
    width: 100%;
  }
  /*
	Sidebar
	--------------------------------
	*/
  #sidebar .widget {
    margin-left: 0em;
  }
  /*
	Audio Player
	========================================== 
	*/
  .AudioPlayerV1 {
    width: 359px!important;
  }
  .APV1_container {
    width: 162px!important;
  }
  /*
	Video Player
	========================================== 
	*/
  .format-video #post_video {
    height: 201px;
  }
}
/*
	// Small Breakpoint
	// ------------------
	*/
@media (min-width: 768px) and (max-width: 991px) {
  html,
  body {
    height: 100%!important;
  }
  html.menu_open body {
    padding-left: 0;
  }
  /*
	Header
	--------------------------------
	*/
  .logo_container {
    margin: 10px 0!important;
    text-align: center;
  }
  .ql_header2 .logo_container,
  .ql_header2 .logo_container .logo_desc {
    text-align: center;
  }
  /*
	Header 2 -> Nav Menu
	---------------------------------------*/
  .ql_header2 #jqueryslidemenu {
    margin: 20px 0;
    text-align: center;
  }
  /*
	Woocommerce
	--------------------------------
	*/
  .ql_woo_cart_button {
    top: 0!important;
    right: 0!important;
  }
  /*
	Content
	========================================== 
	*/
  .metadata ul li {
    float: left;
  }
  /*
	==========================================
	Home Page
	========================================== 
	*/
  .ql_home_slider .item {
    width: 235px;
    width: 70vw;
  }
  .ql_home_slider .portrait {
    height: 335px;
    height: 46.6vw;
  }
  /*
	Portfolio
	========================================== 
	*/
  #portfolio_container .portfolio_item {
    width: 476px;
    height: 233px;
  }
  #portfolio_container .layout_square {
    width: 233px;
    height: 233px;
  }
  #portfolio_container .layout_portrait1 {
    width: 233px;
    height: 476px;
  }
  #portfolio_thirds_container .portfolio_item {
    width: 226px;
  }
  /*
	Portfolio Horizontal
	========================================== 
	*/
  #portfolio_horizontal_container {
    height: 100%!important;
  }
  /*
	Single Portfolio
	========================================== 
	*/
  .single_portfolio_slider {
    margin-top: 50px;
  }
  .single_portfolio_slider .item:first-child {
    width: 400px;
  }
  .single_portfolio_slider img {
    height: 52vh;
  }
  .single_portfolio_slider .item-video {
    width: 100%;
    height: 400px;
  }
  .single_portfolio_slider .owl-video-frame,
  .single_portfolio_slider iframe {
    height: 100%!important;
  }
  .single_portfolio_slider .owl-stage {
    width: 100%!important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  /*
	Single Portfolio 2
	========================================== 
	*/
  .single-portfolio2 .ql_single-portfolio_content {
    text-align: left;
  }
  .single-portfolio2 .ql_single-portfolio_content.affix {
    position: relative;
    width: 100%;
    top: 0px;
  }
  /*Comments Form---------------------------------------------------*/
  #respond .input-wrap {
    width: 46%;
  }
  /*
	Video Player
	========================================== 
	*/
  .format-video #post_video {
    height: 232px;
  }
}
/*
	// Medium Breakpoint
	// ------------------
	*/
@media (min-width: 992px) and (max-width: 1199px) {
  html,
  body {
    height: 100%!important;
  }
  /*
	Header
	--------------------------------
	*/
  .logo_container {
    margin: 30px 0!important;
  }
  .ql_nav_btn {
    top: 45px;
  }
  .meta_blocks div {
    height: 56px;
  }
  .meta_icon {
    line-height: 53px;
  }
  .meta_blocks div i {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .sub_icon {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .meta_comments .sub_icon {
    line-height: 50px;
  }
  .meta_date span {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  /*
	Header 2 -> Nav Menu
	---------------------------------------*/
  .ql_header2 #jqueryslidemenu {
    margin: 30px 0;
  }
  /*
	==========================================
	Home Page
	========================================== 
	*/
  .ql_home_slider .item {
    width: 235px;
    width: 68vw;
  }
  .ql_home_slider .portrait {
    height: 464px;
    height: 45.3vw;
  }
  /*
	Portfolio
	========================================== 
	*/
  #portfolio_container .portfolio_item {
    width: 464px;
    height: 227px;
  }
  #portfolio_container .layout_square {
    width: 227px;
    height: 227px;
  }
  #portfolio_container .layout_portrait1 {
    width: 227px;
    height: 464px;
  }
  #portfolio_thirds_container .portfolio_item {
    width: 300px;
  }
  /*
	Portfolio Horizontal
	========================================== 
	*/
  #portfolio_horizontal_container {
    height: 100%!important;
  }
  /*
	Single Portfolio
	========================================== 
	*/
  .ql_single-portfolio_content .post-title {
    font-size: 32px;
    font-size: 2rem;
  }
  .single_portfolio_slider .owl-item {
    float: none;
    display: block;
    text-align: center;
    max-width: 100%;
    margin: 20px 0!important;
  }
  .single_portfolio_slider .item-video {
    width: 100%;
    height: 646px;
  }
  .single_portfolio_slider .owl-video-frame,
  .single_portfolio_slider iframe {
    height: 100%!important;
  }
  .single_portfolio_slider .owl-stage {
    width: 100%!important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .ql_img_info {
    display: none;
  }
  /*
	Single Portfolio 2
	========================================== 
	*/
  .single-portfolio2 .ql_single-portfolio_content.affix {
    width: 293px;
  }
  /*
	Video Player
	========================================== 
	*/
  .format-video #post_video {
    height: 303px;
  }
  /*Comments Form---------------------------------------------------*/
  #respond .input-wrap {
    width: 47%;
  }
}
/*
	// Extra Larga Breakpoint
	// ------------------
	*/
@media (min-width: 1200px) {
  /*
	Portfolio Horizontal
	========================================== 
	*/
  #portfolio_horizontal_container {
    height: 100%!important;
  }
  /*
	Audio Player
	========================================== 
	*/
  .AudioPlayerV1 {
    width: 670px!important;
  }
  .APV1_container {
    width: 473px!important;
  }
  /*
	Video Player
	========================================== 
	*/
  .format-video #post_video {
    height: 376px;
  }
}
/*
==========================================
LESS Variables and Mixins
========================================== 
*/