/*
Plugin Name: Pronto
Design Studio: Obox Design http://www.obox-design.com/
Version: 2.0.3
Author: Obox Design
Author Description: Creators of beautiful and useable premium WordPress themes.
Author URI: http://www.obox-design.com/
Theme URI: http://www.obox-design.com/wpmobile.cfm
Description: A WordPress plugin that converts your site into a gorgeous theme compatible for mobile devices.
Tags: one-column, two-columns, fluid-width, responsive, custom-colors, featured-images, theme-options, translation-ready
License: Wordpress derivate http://www.gnu.org/licenses/gpl-2.0.html
License URI: http://www.gnu.org/licenses/gpl.html

-----------------------------------
- WARNING! DO NOT EDIT THIS FILE! -
-----------------------------------

To make updates to your theme, do not edit the styles in this file. Rather use
the custom.css file to add your style changes. By copying a style from this
file and pasting it in custom.css you will override the style in this file.

------------
- INDEX ----
------------

#1 	- 	SETUP STANDARD STYLES
#2 	- 	GLOBAL CLASSES
#3 	- 	GENERAL LAYOUT
#4 	- 	HEADER
#5 	- 	NAVIGATION
#6 	- 	SLIDER
#7 	- 	HOME PAGE
#8 	- 	ARCHIVES
#9 	- 	POSTS CLASSES
#10 	- 	COMMENTS
#11 	- 	ADVERTS
#12 	- 	WIDGETS
#13 	- 	FOOTER
#14 	- 	CLEARFIX
#15 	- 	RETINA

-------------------------------*/


@import url("reset.css");

/*-------------------------------*/
/*- #1 - SETUP STD CLASSES ------*/
/*-------------------------------*/
body{width: 100%; margin: 0px; padding: 0px; background: #f0f0f0; color: #555; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5em; overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

label{display: block; margin-bottom: 5px; font-size: 12px; font-weight: 600; color: #777;}
textarea, input{padding: 8px; background: none; font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5em; background: #fff; border: none; border-radius: 3px; -webkit-appearance: none;}
textarea{width: 100%; max-width: 520px; padding: 8px; margin: 0px; border: 2px solid #ccc;}

input[type=text], input[type=password], input[type=email],input[type=tel]{width: 100%; max-width: 280px; border: 2px solid #ccc;}
input[type=button], input[type=submit], button{cursor: pointer;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}

a{color: #34495e; text-decoration: none;}
a:hover{color: #000;}

strong{font-weight: bold;}
em{font-style: italic;}

iframe, object {width: 100%; height: auto;}
img{max-width: 100%; height: auto;}


/*-------------------------------*/
/*- #2 - GLOBAL CLASSES ---------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- QUICK CLASSES -----------*/
	.no_bg{background-image: none;}
	.clearboth{clear: both}
	.floatleft{float: left;}
	.floatright{float: right;}
	.floatright{float:right;}
	.no_display{display: none;}

	/*---------------------------*/
	/*- WP GALLERIES ------------*/
	.wp-caption{max-width: 96%; margin-bottom: 10px; background-color: #fff; border: 1px solid #ccc; text-align: center; border-radius: 5px; padding: 10px 4px;}
	.wp-caption.alignleft{margin: 0px 10px 10px 0px;}
	.wp-caption.alignright{margin: 0px 0px 10px 10px;}
	.wp-caption img{margin: 0; padding: 0 ;border: 0 none; max-width: 98.5%;}
	.wp-caption p.wp-caption-text{font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin-top: 10px; font-style:italic;}
	.wp-caption.alignnone{margin: 5px 20px 20px 0;}

	/*---------------------------*/
	/*- QUICK ALIGNMENTS --------*/
	.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;}

	/*---------------------------*/
	/*- SITE FONT STYLES --------*/
	.sans-serif-style{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
	.serif-style{font-family: Georgia, "Times New Roman", Times, serif !important;}


/*-------------------------------*/
/*- #3 - GENERAL LAYOUT ---------*/
/*-------------------------------*/
#container{width: 100%; height: auto; overflow: hidden;}

#header-container{display: block; position: fixed; top: 0px; background: #34495e; z-index: 11; width: 100%; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
#header-container.has-logo{position: relative; margin-bottom: -44px;}
#header{text-align: center;}

#menu-container{width: 100%; height: 0px; max-height: 250px; overflow: hidden; overflow-y: scroll; opacity: 0; position: fixed; top: 44px; z-index: 10; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
#menu-container.has-logo{position: absolute;}
#menu-container.open{display: block; height: auto; opacity: 100;}

#sidebar-container{padding-top: 44px; position: absolute; left: 0px; width: 276px; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transform: translateX(-276px); transform: translateX(-276px);}
#sidebar-container.open{-webkit-transform: translateX(0px); transform: translateX(0px);}

#content-container{padding-top: 44px; position: relative; z-index: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transform: translateX(0px); transform: translateX(0px);}
#content-container.sidebar-open{-webkit-transform: translateX(276px); transform: translateX(276px);}

#footer-container{clear: both;}
#footer{padding: 20px; overflow: hidden;}


/*-------------------------------*/
/*- #4 - HEADER -----------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- LOGO --------------------*/
	.logo{display: inline-block; text-align: center; font-size: 20px; line-height: 44px; font-weight: 200;}
	.logo a{color: #fff;}
	.logo-mark img{max-height: 44px;}
	.logo-mark.medium img{max-height: 88px;}
	.logo-mark.large img{max-height: none;}
	.logo-mark{float: left; display: block; max-width: 200px; }
	.logo-mark.center{clear: both;margin-bottom: 5px;margin-top: 5px;width: 100%;}
	.logo-mark.right{float: right;}
	.no-text .logo h1 { display: none; }

	/*---------------------------*/
	/*- SIDEBAR -----------------*/
	.sidebar-toggle{float: left; display: inline-block; width: 44px;}
	.sidebar-toggle a{display: block; width: 44px; height: 44px; padding: 10px 0; background: #2c3e50 url(images/layout/sidebar-icon-x2.png) center no-repeat; background-size: 16px 16px; text-indent: -9999px; overflow: hidden;}

	/*---------------------------*/
	/*- MENU TOGGLE -------------*/
	.menu-toggle{float: right; display: inline-block; width: 44px;}
	.menu-toggle .drop-down{display: block; width: 44px; height: 44px; padding: 10px 0; background: #2c3e50;}
	.icon-bar{display: block; height: 3px; margin: 4px 14px; background: rgba(255, 255, 255, 0.4); border-radius: 100px;}


/*-------------------------------*/
/*- #5 - NAVIGATION -------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- MAIN NAVIGATION ---------*/
	.navigation{position: relative;}
	.navigation li{clear: both; font-size: 13px; margin: 0px; background: #fff; border-bottom: 1px solid #e0e0e0;}
	.navigation li a{display: block; padding: 8px 10px; font-weight: bold;}

		/*-----------------------*/
		/*- SUB MENU NAV --------*/
		.navigation .sub-menu{background: #f0f0f0; margin: 0px 5px; border-radius: 3px;}
		.navigation .sub-menu li{background: none; border: none;}
		.navigation .sub-menu li:first-child{border-radius: 3px 3px 0 0;}
		.navigation .sub-menu li:last-child{border-radius: 0 0 3px 3px;}
		.navigation .sub-menu a{padding: 4px 10px 4px 13px; background: url(mobimini/images/layout/menu-li.png) left no-repeat;}


/*-------------------------------*/
/*- #6 - SLIDER -----------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- SLIDER AREA -------------*/
	.swipe { overflow: hidden; visibility: hidden; position: relative; }
	.swipe-wrap { overflow: hidden; position: relative; }
	.swipe-wrap > div { float:left; width:100%; position: relative; }
	.swipe-wrap .slide h2{position: absolute; bottom: 15px; width: 75%; padding: 10px; background: rgba(0, 0, 0, 0.8); color: #fff; font-weight: bold; border-radius: 0 3px 3px 0;}
	.swipe-wrap .slide h2 a{color: #fff;}

	/*---------------------------*/
	/*- SLIDER DOTS -------------*/
	nav { position: relative; max-width: 680px; margin-top: -47px; margin-right: 3%; float: right;}
	nav a { font-style: normal; color: #555!important; }
	nav #position { text-align: center; list-style: none; margin: 0; padding: 0; }
	nav #position li { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #34495e; margin: 0 2px; cursor: pointer; }
	nav #position li.on { background-color: #fff; }


/*-------------------------------*/
/*- #7 - HOME PAGE --------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- CATEGORY/SECTION TITLE --*/
	.category-title{padding: 3px 10px; position: relative; background: #999; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold;}

	/*---------------------------*/
	/*-POST LIST ----------------*/
	.post-list{position: relative;}
	.post-list .post-item{clear: both; margin: 0 10px 40px; position: relative;}
	.post-list .post-item:first-child{margin-top: 20px;}

	.post-list .post-thumbnail{float: left; max-width: 40px; display: block; margin: 0 10px; overflow: hidden;}
	.post-list .post-thumbnail img{max-width: 100%; height: auto; border-radius: 3px; display: block;}
	.post-list .post-image img{border-radius: 3px 3px 0 0;}

	.post-list .post-title{overflow: hidden; margin: 0 10px;}
	.post-list .date{margin: 10px;}

	.post-list .copy{padding: 10px; margin: 0; border-radius: 3px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
	.post-list .copy p:last-child{margin-bottom: 0;}
	.post-list .post-image + .copy{border-radius: 0 0 3px 3px;}

		/*-----------------------*/
		/*- COMMENT COUNT -------*/
		.comment-count{display: block; padding: 4px 8px; position: absolute; top: 5px; left: 0px; z-index: 4; background: #e74c3c; color: #fff; border-radius: 100px; font-weight: bold; font-size: 12px; line-height: 16px;}
		.post-list li.no-image .comment-count{left: auto; right: 5px;}

		/*-----------------------*/
		/*- LARGE THUMBNAILS ----*/
		.post-list .large .post-thumbnail{float: none; width: auto; max-width: none; height: auto; margin: 0 0 10px;}
		.post-list .large .post-thumbnail img{max-width: 100%;}


	/*---------------------------*/
	/*- CONTENT WIDGET ----------*/
	.content-widget-item{padding: 0;}

		/*-----------------------*/
		/*- TWO COLUMN LAYOUT ---*/
		.two-column{padding: 20px 10px 0px;}
		.two-column .column{clear: none; float: left; width: 46.875%; margin: 0 6.25% 6.25% 0; background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
		.two-column .column:first-child{margin-top: 0px;}
		.two-column .column:nth-child(2n+2){margin-right: 0px;}
		.two-column .column:nth-child(2n+3){clear: left;}

		.two-column .post-title{margin: 10px; font-size: 13px; line-height: 1.6em; font-weight: bold;}
		.two-column .date{margin: 0 10px 10px; padding: 5px 0 0;}
		.two-column .copy{font-size: 13px; line-height: 1.6em;}

		.two-column .post-image img{border-radius: 0px;}


	/*---------------------------*/
	/*- PAGINATION --------------*/
	.pagination{clear: both; float: right; padding: 5px; margin: 0px 10px 20px; background: #e0e0e0; border-radius: 100px; overflow: hidden; font-size: 12px; font-weight: bold;}
	.pagination li{float: right; margin-left: 10px;}
	.pagination a{display: block; padding: 0 10px; background: #34495e; border-radius: 100px; color: #fff;}
	.pagination a:hover{background: #2c3e50; color: #fff;}


/*-------------------------------*/
/*- #8 - ARCHIVES ---------------*/
/*-------------------------------*/

	.archive-list li{clear: both; padding: 10px 10px; position: relative;}
	.archive-list li.month{padding: 0px 10px; font-size: 11px; font-weight: bold; text-transform: uppercase;}
	.archive-list li .post-title{margin: 0px 0px 3px; font-size: 14px; line-height: 17px;}
	.archive-list li .date{margin: 0px; padding: 0px; font-weight: lighter;}


/*-------------------------------*/
/*- #9 - POSTS CLASSES ----------*/
/*-------------------------------*/


	/*---------------------------*/
	/*- BREAD CRUMBS ------------*/
	.bread-crumbs{
		display: inline-block;
		clear: both;
	    padding-top: 10px;
	    margin-top: 10px;
	    border-top: 2px solid #e0e0e0;
	    font-size: 13px;
	    font-size: 1.2rem;
	    width: 100%;
	}
	.bread-crumbs li{
		float: left;
		font-size: 14px;
		margin-right: 10px;
	}
	.bread-crumbs a{
		color: #777;		
	}
	.bread-crumbs a:hover{
		color: rgba(0, 0, 0, 0.85);
		text-decoration: underline;
	}
	/*---------------------------*/
	/*- POST TITLE META ---------*/
	.title-meta{padding: 20px 20px 10px;}

	.post-title{font-size: 28px; font-weight: 200; line-height: 1.3em;}
	.post-title a{color: #333;}
	.post-title a:hover{color: #000;}

	.date{clear: both; padding-top: 10px; margin-top: 10px; border-top: 2px solid #e0e0e0; font-size: 13px; color: #777;}
	.date a{color: #595959; border-bottom: 1px solid #ccc;}
	.date a:hover{color: #333;}

	/*---------------------------*/
	/*- POST IMAGE --------------*/
	.post-image{position: relative;}
	.post-image img{display: block;}

	.thumbnail{padding: 0; margin: 10px; border-radius: 6px 6px 0px 0px; background: #fff;}
	.thumbnail img{border-radius: 4px 4px 0px 0px;}

	/*---------------------------*/
	/*- POST CONTENT ------------*/
	.post-content{padding: 10px; margin: 10px; border-radius: 6px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
	.thumbnail + .post-content{margin-top: -10px; border-radius: 0px 0px 6px 6px;}

		/*-----------------------*/
		/*- COPY ----------------*/
		.copy p{margin-bottom: 26px;}
		.copy div{margin-bottom: 26px;}
		.copy ul{list-style: disc; margin: 0 0 26px 20px;}
		.copy ol{list-style: decimal; margin: 0 0 26px 26px;}
		.copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}

		.copy a{border-bottom: 1px solid #e0e0e0;}
		.copy a:hover{border-color: #999;}

		.copy dl{margin: 0 0 26px;}
		.copy dd{margin-left: 36px;}

		.copy code, .copy pre{}
		.copy img{display: block; max-width: 98%; height: auto;}

		.copy h1{font-size: 28px; font-weight: bold; margin-bottom: 26px;}
		.copy h2{font-size: 22px; font-weight: bold; margin-bottom: 26px;}
		.copy h3{font-size: 18px; font-weight: bold; margin-bottom: 26px;}
		.copy h4{font-size: 16px; font-weight: bold; margin-bottom: 26px;}
		.copy h5{font-size: 14px; font-weight: bold; margin-bottom: 26px;}
		.copy h6{font-size: 12px; font-weight: bold; margin-bottom: 26px;}

		.copy table{width: 100%; margin-bottom: 26px; border-collapse:  collapse;}
		.copy table th{padding: 8px 5px 11px; background: #34495e; color: #fff; font-weight: bold;}
		.copy table tr{background: #fff;}
		.copy table tr:nth-of-type(odd){background: #f0f0f0;}
		.copy table td{padding: 8px 5px;}

		.copy pre{padding: 20px; margin: 0px -10px 26px; background: #f5f5f5; font-size: 13px; color: #000; font-family: "Courier New", Courier, monospace;}

		.copy blockquote{padding-left: 20px; margin-bottom: 26px; border-left: 4px solid #e0e0e0; font-style: italic; font-size: 20px; line-height: 1.4em; font-family: Georgia, "Times New Roman", Times, serif;}

	/*---------------------------*/
	/*- AUTHOR BLOCK ------------*/
	.author{padding: 10px; margin: 0px -10px -10px; background: #f5f5f5; border-radius: 0 0 3px 3px; font-size: 13px; color: #777; overflow: hidden;}
	.author-avatar{float: left; width: 30px; margin-right: 10px; position: relative; border-radius: 100px;}
	.author-avatar img{border-radius: 100px;}
	.author-copy{overflow: hidden;}
	.author-copy .author-name{padding: 0; margin: 0 0 5px; font-weight: bold; color: #333;}

	/*---------------------------*/
	/*- POST PAGE META ----------*/
	.post-meta{padding: 5px 15px; overflow: hidden; font-size: 11px; font-weight: bold;}
	.post-meta li{float: left; margin-right: 8px; padding: 0px;}
	.social-links {float: left !important; margin: 0px !important;}
	.social-twitter, .social-google, .social-facebook {float: left; margin-right: 10px;}


/*-------------------------------*/
/*- #10 - COMMENTS --------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- COMMENT TITLE -----------*/
	#comment-section-title{margin: 40px 20px 10px; font-size: 22px; font-weight: 200; line-height: 1.3em; color: #333;}

	/*---------------------------*/
	/*- COMMENT CONTAINER -------*/
	.comment-container{margin: 0 10px 10px; border-radius: 3px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
	.comment-container li[id^="li-comment-"]{padding: 10px 10px 20px; border-bottom: 1px solid #e0e0e0; font-size: 13px;}
	.comment-container li[id^="li-comment-"]:last-child{border-bottom: none;}

		/*-----------------------*/
		/*- COMMENT AVATAR ------*/
		.comment-avatar{float: left; width: 30px; margin-right: 10px; position: relative; border-radius: 100px;}
		.comment-avatar img{border-radius: 100px;}

		/*-----------------------*/
		/*- COMMENT POST --------*/
		.comment-post{overflow: hidden;}
		.comment-post .comment-name{padding: 0; margin: 0 0 5px; font-weight: bold;}
		.comment-post .date{padding: 0; margin: 0 0 5px; border: none; font-size: 13px;}
		.comment-post .comment-reply-link{display: inline-block; padding: 0 10px; background: #e0e0e0; border-radius: 100px; font-size: 12px; font-weight: bold; color: #333;}
		.comment-post .comment-reply-link:hover{background: #3D556C; color: #fff;}
		.comment-post p{margin-bottom: 20px;}

		/*-----------------------*/
		/*- THREADED COMMENTS ---*/
		.comments .children{clear: both; margin: 10px 0px 0; background: rgba(255, 255, 255, 0.2); border-radius: 3px;}
		.comments .children .children{margin: 10px 0 0; border: 1px solid #e0e0e0;}
		.comments .children .comment:last-child{border-bottom: none; padding-bottom: 10px;}


	/*---------------------------*/
	/*- COMMENT FORM ------------*/
	.nocomments{padding: 10px; background: #1ABC9C; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; text-align: center;}
	#respond{margin: 40px 10px;}
	#reply-title{margin: 0px 10px 10px; font-size: 22px; font-weight: 200; line-height: 1.3em; color: #333;}
	#respond form{padding: 10px; margin: 0 0 10px; border-radius: 3px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
	#respond .comment-notes, #respond .logged-in-as{padding: 10px; margin: -10px -10px 10px; background: #f5f5f5; border-radius: 3px 3px 0 0; font-size: 13px; font-style: italic; color: #777;}
	#respond .required{color: #34495E;}
	#respond p{margin-bottom: 10px;}
	#respond .form-submit{margin: 0;}
	#respond label{display: block; }
	#respond .form-allowed-tags{display: none;}
	#respond input[type=submit]{width: 100%; padding: 8px 0; background: #3D556C; color: #fff; font-weight: bold; text-align: center; border-radius: 3px;}

		/*-----------------------*/
		/*- DISQUS --------------*/
		#disqus_thread{margin: 40px 10px 10px; padding: 10px; border-radius: 3px; background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}


/*-------------------------------*/
/*- #11 - ADVERTS ---------------*/
/*-------------------------------*/

	.post-advert{display: block; width: 100%; max-width: 300px; margin: 0px auto;}
	.post-advert a{margin: auto;}


/*-------------------------------*/
/*- #12 - WIDGETS ---------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- SIDEBAR CONTAINER -------*/
	#sidebar-container{background: #2a2a2a; color: #999; font-size: 14px;}
	
	#sidebar-container .sidebar li{clear: both; position: relative;}
	#sidebar-container .sidebar li .widgettitle{padding: 2px 10px; position: relative; background: #222; border-top: 1px solid #303030; border-bottom: 1px solid #111; color: #999; text-transform: uppercase; font-size: 12px; font-weight: bold;}
	#sidebar-container .sidebar li li{background: #2a2a2a; padding: 8px 10px; border-top: 1px solid #333; border-bottom: 1px solid #111;}
	#sidebar-container .sidebar li div{background: #2a2a2a; padding: 8px 10px; border-top: 1px solid #303030; border-bottom: 1px solid #111;}
	#sidebar-container .sidebar a{color: #f0f0f0;}
	#sidebar-container .sidebar a:hover{color: #ccc;}

		/*-----------------------*/
		/*- SELECT BOXES ------- */
		#sidebar-container ul.sidebar li select{margin: 8px;}

		/*-----------------------*/
		/*- SIDEBAR MENUS -------*/
		#sidebar-container ul.sidebar .children li, #sidebar-container ul.sidebar .menu li{ background: none; }
		#sidebar-container ul.sidebar .sub-menu li:last-child, #sidebar-container ul.sidebar .children li:last-child, #sidebar-container ul.menu li:last-child{ border-bottom: none; }

		/*-----------------------*/
		/*- CALENDAR ----------- */
		table#wp-calendar{width: 100%; margin-bottom: 30px; border-collapse: collapse;}
		table#wp-calendar th{padding: 10px; border-bottom: 2px solid #e0e0e0; vertical-align: top; color: #333; font-weight: 600;}
		table#wp-calendar th.product-total{text-align: right;}
		table#wp-calendar td{padding: 10px; border-bottom: 1px solid #e0e0e0; vertical-align: top;}
		table#wp-calendar tr:last-child td{border: none;}

/*-------------------------------*/
/*- #13 - FOOTER ----------------*/
/*-------------------------------*/

	#footer{overflow: hidden; background: #34495e; color: #ccc; font-size: 12px; text-align: center;}
	#footer a{color: #fff;}

	/*---------------------------*/
	/*- SECONDARY ELEMENTS ------*/
	.footer-secondary{display: inline-block; padding: 5px; margin-top: 20px; border-radius: 100px; background: #2c3e50; overflow: hidden;}
	.footer-switch{display: inline-block; padding: 0 10px; background: #34495e; border-radius: 100px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 10px;}
	#footer .obox{display: inline-block; margin: 0 5px; font-size: 11px;}


/*-------------------------------*/
/*- #14 - CLEARFIX --------------*/
/*-------------------------------*/
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}


/*-------------------------------*/
/*- #15 - RETINA ----------------*/
/*-------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	.sidebar-toggle a{background: #2c3e50 url(images/layout/sidebar-icon-x2.png) center no-repeat; background-size: 16px 16px;}
}