/*
Theme Name: Vito
Theme URI: http://themes.quemalabs.com/vito/
Author: Quema Labs
Author URI: http://www.quemalabs.com/
Description: A free good looking theme.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: vito

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
==========================================
Theme Styles
========================================== 
*/

/* Animation at loading page */

/*
==========================================
Header
========================================== 
*/

/*-----------------------------*/
/*
Nav Menu
---------------------------------------*/

#jqueryslidemenu ul.nav {
	text-align: left;
}

/*Top level list items*/
#jqueryslidemenu ul.nav > li {
	margin-right: 0.625em;
	margin-left: auto;
}

/*Top level menu link items style*/
#jqueryslidemenu ul.nav > li > a {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

/* Active item ----------*/
/*1st sub level menu*/

#jqueryslidemenu ul.nav > li > ul li ul {
	right: 100%;
	left: auto;
}

/* Multi level dropdown -------*/

.dropdown-submenu > .dropdown-menu {
	right: 0;
	margin-right: -1px;
	left: auto;
	margin-left: auto;
}

.dropdown-submenu > a:after {
	float: left;
	margin-left: -10px;
	margin-right: auto;
}

.dropdown-submenu.pull-right > .dropdown-menu {
	right: -100%;
	margin-right: 10px;
	left: auto;
	margin-left: auto;
}

/* Mobile Nav icon (Hamburguer) -----------*/

/* Dropdown arrow ------------*/

/* Select Navigation */

/*
End Nav Menu
---------------------------------------*/
/*
Mobile Menu Button
---------------------------------------*/
#ql-main-nav-btn {
	left: 10px;
	right: auto;
}

/*
Social Nav
---------------------------------------*/

.nav_social li a {
	right: 1px;
	left: auto;
}

/*
==========================================
Blog & Pages
========================================== 
*/
/*Page Title 								*/
/*------------------------------------------*/

/*Post										*/
/*------------------------------------------*/

/*Post Title 								*/
/*------------------------------------------*/

.post_title a {
	text-align: right;
}

/*Read more								*/
/*------------------------------------------*/

/*Image Post								*/
/*------------------------------------------*/

/*Metadata 									*/
/*------------------------------------------*/

.metadata ul li {
	margin: 0 0 5px 5px;
}

.metadata ul li i {
	margin-left: 0.35714285714286em;
	margin-right: auto;
}

/*Tags															*/
/*----------------------------------------------------------------------*/

.tags i {
	margin-left: 10px;
	margin-right: auto;
}

.tags a {
	margin-left: 15px;
	margin-right: auto;
}

/*Pagination															*/
/*----------------------------------------------------------------------*/

.pagination a,
.pagination span {
	float: right;
	margin-right: -2px;
	margin-left: auto;
}

/*Post and Page Pagination					*/
/*------------------------------------------*/

.page-links a,
.page-links span {
	float: right;
	margin-right: -2px;
	margin-left: auto;
}

.page-links a {
	padding-right: 0;
	padding-left: 0;
}

.page-links .screen-reader-text,
.page-links a span {
	margin-right: -2px;
	margin-left: auto;
}

/*Pages 									*/
/*------------------------------------------*/

/*
==========================================
Footer
========================================== 
*/
/*
Footer
------------------------
*/

#footer ul,
footer ol {
	margin-right: 0;
	margin-left: auto;
}

/*
==========================================
Social Nav
========================================== 
*/

#footer .nav_social li a:before {
	right: 0;
	left: 0;
}

/*
==========================================
Sidebar
========================================== 
*/

.sidebar-inside {
	margin-right: 20px;
	margin-left: auto;
}

/*
Widgets
--------------------------------
*/

#sidebar .widget ul,
#sidebar .widget ol {
	margin-right: 0px;
	padding-right: 0;
	padding-left: 0;
	margin-left: auto;
}

#sidebar .widget ul li {
	margin-left: 15px;
	margin-right: auto;
}

#sidebar .widget ul li ul {
	margin-right: 15px;
	margin-left: auto;
}

#sidebar .hasChildren i {
	left: 0;
	right: auto;
}

/*
Ad Widget
--------------------------------
*/
#sidebar .ad_125 a {
	margin-left: 10px;
	margin-right: auto;
}

/*
Recent Comments Widget
--------------------------------
*/

#sidebar .widget_recent_comments ul li {
	padding-right: 35px;
	padding-left: 0;
}

#sidebar .widget_recent_comments ul li::before {
	right: 0;
	left: auto;
}

#sidebar .widget_recent_comments ul li i {
	right: 0;
	left: auto;
}

/*
Recent Posts Widget
--------------------------------
*/

/*
Tag Widget
--------------------------------
*/

#sidebar .widget_tag ul li {
	margin: 0 0 0.90909090909091em 0.90909090909091em;
	float: right;
}

/*
Search Widget
--------------------------------
*/

.widget_search #s {
	padding-left: 30px;
	padding-right: 0;
}

.widget_search #searchsubmit {
	left: 15px;
	right: auto;
}

.widget_search i {
	left: 12px;
	right: auto;
}

/*
==========================================
Comments
========================================== 
*/
/*===========================================================================*/
/*Comments																	 */
/*===========================================================================*/

.commentlist {
	margin-right: 0;
	margin-left: auto;
}

.ie8 ol.commentlist li .comment-entry,
.ie7 ol.commentlist li .comment-entry {
	float: left;
}

ol.commentlist .comment-entry span.arrow_comment {
	right: -22px;
	left: auto;
}

.comment-meta {
	float: right;
	margin-right: 10px;
	margin-left: auto;
}

.reply {
	float: left;
	clear: left;
}

#comments ul.children {
	margin-right: 30px;
	margin-left: auto;
}

/*===========================================================================*/
/*Comments	Form															 */
/*===========================================================================*/

#respond .input-wrap {
	margin: 0px 0 10px 15px;
	float: right;
}

#respond input {
	padding-right: 2.30769230769231em;
	padding-left: 0;
}

#respond .controls-wrap i {
	right: 0.71428571428571em;
	left: auto;
}

#respond #submit-respond {
	padding-right: 12px;
	padding-left: 0;
}

/*
==========================================
Pace (Loading animation)
========================================== 
*/

.pace .pace-progress {
	right: 0;
	left: auto;
}

.pace .pace-progress-inner {
	left: 0px;
	right: auto;
}

.pace .pace-activity {
	left: 15px;
	border-right-color: #68b1d5;
	right: auto;
}

/*
==========================================
Animate CSS
========================================== 
*/
/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

20%,
  60% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}

40%,
  80% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}

20%,
  60% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}

40%,
  80% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}

100% {
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

100% {
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

100% {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

100% {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

/*
==========================================
WordPress Default
========================================== 
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignnone {
	margin: 5px 0 20px 20px;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

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

.wp-caption.alignnone {
	margin: 5px 0 20px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

/*------------------------------------------------------------
 Defaul Widgets
-------------------------------------------------------------- */
/* Archive List Widget
-------------------------------------- */

/* Calendar Widget
-------------------------------------- */
.widget_calendar {
	float: right;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar tfoot #next {
	text-align: left;
}

/* Categories Widget
-------------------------------------- */

/* Recent Comments Widget
-------------------------------------- */

/* Recent Entries Widget
-------------------------------------- */

/* RSS Widget
-------------------------------------- */

/* Search Widget
-------------------------------------- */

.widget_search #s {
	padding-left: 32px;
	padding-right: 0;
}

.widget_search #searchsubmit {
	left: 15px;
	right: auto;
}

.widget_search i {
	left: 15px;
	right: auto;
}

/* Tag Cloud Widget
-------------------------------------- */

/* Nav Menu Widget
-------------------------------------- */

.widget_nav_menu .menu-navigation-container .sub-menu {
	padding-right: 20px;
	padding-left: 0;
}

/* Search Form
-------------------------------------- */

.widget_search .search-submit {
	left: 0;
	right: auto;
}

.search-form label::before {
	left: 15px;
	right: auto;
}

.widget_search i {
	left: 12px;
	right: auto;
}

/* Post Navigation
-------------------------------------- */

.post-navigation .nav-previous {
	float: right;
}

.post-navigation .nav-next {
	float: left;
	text-align: left;
}

.post-navigation .nav-previous a {
	padding-right: 45px;
	padding-left: 0;
}

.post-navigation .nav-next a {
	padding-left: 45px;
	padding-right: 0;
}

.post-navigation .nav-previous a::before {
	right: 20px;
	left: auto;
}

.post-navigation .nav-next a::before {
	left: 20px;
	right: auto;
}

/*
==========================================
Global Styles
========================================== 
*/

.preloader {
	right: 0;
	left: auto;
}

.preloader i {
	right: 50%;
	left: auto;
}

/* Custom button
-------------------------------------------------- */
/* Override base .btn styles */
/* Apply text and background changes to three key states: default, hover, and active (click). */

/* Apply the custom-colored gradients */
/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */
.btn-ql > i {
	right: 44%;
	left: auto;
}

/*For special occacions */
.btn-ql > b.ql_sec_icon {
	right: 43%;
	left: auto;
}

/* 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. */

/*
Show the icon
*/

/*
Hide the icon
*/

/*Call To Action Button													*/
/*----------------------------------------------------------------------*/

/*Before & After														*/
/*----------------------------------------------------------------------*/

/* Section Title														*/
/*----------------------------------------------------------------------*/

.ql_title:before {
	right: 0;
	left: auto;
}

/* Section Title														*/
/*----------------------------------------------------------------------*/

.ql_line_full {
	right: -15px;
	left: -15px;
}

/* Scroll to Top Button													*/
/*----------------------------------------------------------------------*/
.ql_scroll_top i {
	margin-right: 10px;
	margin-left: auto;
}

/* QL Navigation Tabs													*/
/*----------------------------------------------------------------------*/

.ql_nav_tabs li a {
	padding-right: 35px;
	padding-left: 5.45454545454545em;
}

.ql_nav_tabs li a i {
	right: 0;
	left: auto;
}

/* Testimonials															*/
/*----------------------------------------------------------------------*/

.ql_testimonial .flex-direction-nav {
	left: -25px;
	right: auto;
}

/*Hero Colors Classes													*/
/*----------------------------------------------------------------------*/

/* Make Space between sections											*/
/*----------------------------------------------------------------------*/

/* Hover effect for thumbnails											*/
/*----------------------------------------------------------------------*/

.ql_thumbnail_hover > span {
	right: 10px;
	left: 10px;
}

.ql_thumbnail_hover > span > i {
	margin-right: -33px;
	right: 50%;
	left: auto;
	margin-left: auto;
}

/* Scrollbars webkit													*/
/*----------------------------------------------------------------------*/

/* Font size using REMs													*/
/*----------------------------------------------------------------------*/
.ql_brand {
	right: 1.07142857142857em;
	left: auto;
}

/* Background Check														*/
/*----------------------------------------------------------------------*/

/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}

@media (min-width: 768px) {

/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}

}

@media (min-width: 992px) {

@media (min-width: 768px) {

/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}

}

}

@media (min-width: 1200px) {

@media (min-width: 992px) {

@media (min-width: 768px) {

/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}

}

}

}

/* Inputs																*/
/*----------------------------------------------------------------------*/

#jqueryslidemenu ul.nav {
	text-align: right;
}

#jqueryslidemenu ul.nav > li {
	margin-right: 0;
	margin-left: auto;
}

/*
	Blog
	========================================== 
	*/

/*
==========================================
Responsive Styles
========================================== 
*/
/*
	// Extra Small Breakpoint
	// ------------------
	*/
@media (max-width: 767px) {

@media (min-width: 992px) {

@media (min-width: 768px) {

/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}

}

}

@media (min-width: 1200px) {

@media (min-width: 992px) {

@media (min-width: 768px) {

/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}

}

}

}

/* Inputs																*/
/*----------------------------------------------------------------------*/

#jqueryslidemenu ul.nav {
	text-align: right;
}

#jqueryslidemenu ul.nav > li {
	margin-right: 0;
	margin-left: auto;
}

/*
	Blog
	========================================== 
	*/

}

/*
	Blog
	========================================== 
	*/

.metadata ul li {
	float: right;
	margin-left: 20px;
	margin-right: auto;
}

/*
	// Small Breakpoint
	// ------------------
	*/
@media (min-width: 768px) and (max-width: 1345px) {

/*
	Blog
	========================================== 
	*/

.metadata ul li {
	float: right;
	margin-left: 20px;
	margin-right: auto;
}

}

/*
	Blog
	========================================== 
	*/

/*
	Sidebar
	========================================== 
	*/
  #sidebar .sidebar-inside {
	margin-right: 0;
	margin-left: auto;
}

/*
	// Medium Breakpoint
	// ------------------
	*/
@media (min-width: 1346px) and (max-width: 1509px) {

/*
	Sidebar
	========================================== 
	*/
  #sidebar .sidebar-inside {
	margin-right: 0;
	margin-left: auto;
}

}

/*
	Audio Player
	========================================== 
	*/

/*
	Video Player
	========================================== 
	*/

/*
	// Extra Larga Breakpoint
	// ------------------
	*/
@media (min-width: 1510px) {

}

/*
==========================================
LESS Variables and Mixins
========================================== 
*/


/* Generated by the RTLer - http://wordpress.org/extend/plugins/rtler/ */